What is MixItUp?
MixItUp is a jQuery plugin providing animated filtering and sorting.

Great for managing any categorized or ordered content like portfolios, galleries and blogs, MixItUp can also function as a powerful tool for engaging application UI and data-visualisation.

Why Use MixItUp?
MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts.

MixItUp works with your layout. Want to use percentages, media queries, inline-block, CSS3 columns or even flex box? No problem.

Core Features

Learn what MixItUp can do for your project.

• Filter and sort elements with CSS3-optimized animations
• Build on top of your existing percentage-based responsive layouts and media queries
• Control filtering and sorting via a simple clickable interface or build more complex custom UI via an extensive API
• Customise your animations with CSS3 transforms and easing
• Add and remove elements in real time via an Ajax-friendly API
• Perform simultaneous filter, sort, and layout change operations

New in version 2

• Optimised animation engine utilizing requestAnimationFrame
• Extensible object-oriented architecture
• Flex box compatibility (experimental)
• CSS3 columns compatibility
• Fine-tune your animation effects with customisable parameters
• Reverse the direction of effects for elements being filtered out
• Queue filter, sort and layout change operations
• Metro/iOS-inspired “stagger” effect
• CSS-selector based filtering
• Multi-dimensional sorting
• Retrieve real-time data via the state object
• Extensions
• Transition width/height of target elements (experimental)

Browser & Platform Support

• Fully functional in desktop Chrome, Safari and Firefox
• Fully functional in iOS and Android browsers
• Functional in IE8+ with animations disabled, fully functional IE10+