Masonry Components

Dev Design Library indexes 10 masonry components from 8 open-source UI libraries, with the most coming from Aceternity UI, Velora UI, Cult UI, React Bits and beUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Masonry components belong to the Layout group.

• MasonryReact Bits · ReactResponsive masonry layout with animated reflow + gaps optimization.
• Tweet GridCult UI · ReactGrid layout component for displaying tweet-like content cards
• Infinite MasonrybeUI · ReactResponsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end.
• Image CollageVengeance UI · ReactInteractive scattered image collage toggle
• Testimonial Fivesv-efferd · SvelteA dense social-proof wall with grid fillers, patterned cards, and a long-form testimonial mosaic.
• Card Image SectionROI UI · ReactA section with 4 image cards in a masonry layout.
• Parallax GridVelora UI · ReactGallery columns drifting at different rates for depth.
• Parallax ScrollAceternity UI · React
• Testimonial gridVelora UI · ReactMasonry wall of social posts and quote cards, led by a wide case-study quote with a headline metric.
• Parallax Scroll 2Aceternity UI · React

Libraries with masonry components

• Aceternity UI
• Velora UI
• Cult UI
• React Bits
• beUI

Related categories

• React Masonry Components
• Tailwind CSS Masonry Components
• Layout Components
• Grid Components
• Bento Grid Components
• Separator Components
• Stack Components
• App Shell Components
• Container Components
• Scroll Area Components
• Split Pane Components
• Window Frame Components
• Aspect Ratio Components
• Sticky Scroll Components
• Dashboard Grid Components