paulcollett/react-masonry-css

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

1053 stars · 67 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A dependency-free React component that renders fast, responsive masonry layouts using flexbox and CSS rather than JavaScript height calculations. It supports configurable column counts at responsive breakpoints and gutters between items.

Use cases

• create a pinterest-style masonry grid in react
• responsive image gallery with variable column counts
• masonry layout without jquery dependencies
• fast css-based column layout for cards
• breakpoint-based column counts in react
• masonry grid with gutters between items

When to choose

• you need a lightweight, zero-dependency masonry layout in React
• you want fast rendering that respects React's virtual DOM lifecycle
• your items have similar widths and don't need height-based sorting
• you need responsive column counts at custom breakpoints

When to avoid

• you need items with different widths in the same row
• you need height-based sorting or absolute positioning of items
• you're not using React
• you need a masonry layout with animations driven by item positions

Facets

library · maturity maintenance

ui-components css-framework frontend web-development web-design cross-platform react masonry css-layout responsive-grid zero-dependency web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="paulcollett/react-masonry-css")