muuri-react alternatives and similar libraries
Based on the "UI Layout" category.
Alternatively, view muuri-react alternatives based on common mentions on social networks and blogs.
-
react-flexbox-grid
A set of React components implementing flexboxgrid with the power of CSS Modules. -
react-spaces
React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces. -
flexbox-react
DISCONTINUED. Unopinionated, standard compliant flexbox components. You don't need to learn any propietary syntax. If you know how to use flexbox, you know how to use flexbox-react components. -
react-colrow
Smarter layout components. Based on css flexbox. Support responsive design, Typescript, server side render. 3 KB gzipped. -
react-schematic
Build responsive react layouts using styled schematics without an overhead of any theme configuration
CodeRabbit: AI Code Reviews for Developers
Do you think we are missing an alternative of muuri-react or a related project?
README
Responsive, sortable, filterable and draggable grid layouts with React
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.
Features π
- Fully customizable layout π
- Drag-and-drop (even between grids) β
- Simple, Powerful, and Intuitive API β‘οΈ
- Extremely performant π
- Custom hooks π
- Nested grids π
- Scrollable grids π±οΈ
- Filtering β
- Sorting π
- Support IE9+ (with polyfills) π
- Touch support π±
- Typescript βοΈ
- Fully open source ββοΈ
Documentation π
You can find the full documentation here.
Examples π‘
All examples have been created to explain one or more features of Muuri-react in an easy and direct way.
Motivation π¨π»βπ«
You can build pretty amazing layouts without a single line of JavaScript these days. However, sometimes CSS just isn't enough, and that's where Muuri comes along. At it's very core Muuri is a layout engine which is limited only by your imaginationπ. You can build any kind of layout, asynchronously in web workers if you wish.
Layouts aside, you might need to sprinkle some flare (animationsβ‘) and interactivity (filtering, sorting, drag and dropβ) on your layout. Stuff gets complex pretty fast and most of us probably reach for existing libraries to handle the complexity at that point. This is why most of these extra features are built into Muuri's core, so you don't have to go hunting for additional libraries or re-inventing the wheel for the nth time.
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π and most of the complexityπ¦ abstracted away.
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 π this project you can help us grow by starring β the repository.
Contributing ποΈ
Contributions are always welcome. Before contributing, please read our Guidlines.
Credits π€
Thanks to Niklas RΓ€mΓΆ for the amazing work with Muuri.
License Β©
Copyright Β© 2020 Paolo Longo β’ [MIT license](LICENSE).
*Note that all licence references and agreements mentioned in the muuri-react README section above
are relevant to that project's source code only.