Download
MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more. MixItUp is open source and free to use for non-commercial, educational and non-profit use. For use in commercial projects, a commercial license is required. Most commonly, MixItUp is applied to a "container" of "target" elements, which could be a portfolio of projects, a list of blog posts, a selection of products, or any kind of UI where filtering and/or sorting would be advantageous. Targets can be filtered using any valid selector e.g. '.category-a', and are sorted via optional custom data attributes e.g. 'data-order'.
Features
- MixItUp 3 has been tested for compatibility with Chrome
- Supports Firefox 16+, Safari 6.2+, and Yandex 14+
- Supports IE 10+ (with animations), IE 8-9 (no animations)
- By default, MixItUp will query the container for targets matching the selector '.mix'
- One way that filtering and sorting happens is when controls are clicked
- MixItUp can be added on top of any existing CSS layout
Project Samples
