Responsive, sortable, filterable and draggable grid layouts with
Design Principles 👨🏻🏫
Muuri-React is the React implementation of the amazing Muuri layout engine. This library allows you to build all kinds of layouts with React and make them responsive, sortable, filterable, draggable and/or animated.
All Muuri features are implemented in a React-friendly way, with custom components and hooks, to guarantee the simplest developer experience.
- Fully customizable layout
- Drag-and-drop (even between grids)
- Simple, Powerful, and Intuitive API
- Extremely performant
- Custom hooks
- Nested grids
- Scrollable grids
- Support IE9+ (with polyfills)
- Touch support
- Fully open source ⚖️
You can find the full documentation here.
All examples have been created to explain one or more features of Muuri-react in an easy and direct way.
Layouts aside, you might need to sprinkle some flare (animations
The long-term goal of Muuri is to provide a simple (and as low-level as possible) API for building amazing layouts with unmatched performance
Help us grow
Muuri-react was born recently but is already very stable and full of features as it is based on the amazing Muuri layout engine. If you like
Contributions are always welcome. Before contributing, please read our Guidlines.
Thanks to Niklas Rämö for the amazing work with Muuri.
Copyright © 2020 Paolo Longo • MIT license.