Lightweight React component to create css-based masonry-like layouts.
Snuggle all your components really tight
Like a loving couple snuggling in bed,
- 🤟 Responsive: It works on all size screens;
🤙Customizable: Easily change how your elements should snuggle; 🤝Use your favorite library: CSS-in-JS, css modules, plain css, whatever. Feel free to use whatever you want; 💪Performance: Responsive solution based only in CSS (without any JS Event Listener).
yarn add react-snuggle
import Snuggle from "react-snuggle"; const List = () => ( <Snuggle> <div>Item</div> <div>Item</div> ... </Snuggle> );
- Span options (element fill two columns or more);
- Filter elements;
- Missing tests;
@andybarefoot Masonry style layout with CSS Grid
Significa is an Oporto based digital studio founded in late 2013. Despite being specialised in Interaction Design and Brand Development, we believe that good design thinking can answer almost any question and solve most problems. We aim to provide meaningful design solutions to achieve the best user engagement possible in any situation.