# eiriklv/react-masonry-component

A React.js component for using @desandro's Masonry

Repository: https://github.com/eiriklv/react-masonry-component
Canonical: https://ross.abutalabs.com/products/react-masonry-component
Language: JavaScript
License: MIT
License Family: permissive
Last push: 2025-03-04T15:21:52+00:00

## Health v2 (maintenance only)
Score: 36/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 9, release rhythm 35, longevity 100
- inputs: {"age_days": 4053, "days_push": 547, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1469, forks 144 (observed 2026-08-28T04:04:49.099641+00:00)

## What it is
A React.js wrapper component around David DeSandro's Masonry layout library for building masonry-style grid layouts. It bundles Masonry and imagesLoaded so no extra dependencies are needed.

## Use cases
- build a masonry-style image gallery in React
- lay out cards of varying heights in a grid
- create a Pinterest-style layout in a React app
- relayout grid items after images load
- customize masonry options like transition duration in React

## When to choose
- you need a masonry layout in a React project with minimal setup
- you want Masonry bundled without managing it as a separate dependency
- you need access to the underlying Masonry instance and events

## When to avoid
- you are not using React
- you need CSS-only masonry and can avoid JavaScript layout
- you need IE8 support on modern React versions

## Facets
- artifact type: library
- maturity: stable
- function: ui-components, frontend-framework
- domain: frontend, web-development, web-design
- platform: cross-platform
- tags: react, masonry, layout, gallery, images-loaded, css-grid-layout, web-server, nodejs

## Member repositories
- eiriklv/react-masonry-component (main) score 36

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:49.099641+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:34:52.898767+00:00, confidence not recorded.
  - readme: https://github.com/eiriklv/react-masonry-component (fetched 2026-08-28T04:04:49.099641+00:00, sha f8c11df70f29)
  - registry_npm: https://registry.npmjs.org/react-masonry-component (fetched 2026-08-29T11:43:12.022214+00:00, sha 8ddf30778533)
- Data as of 2026-08-30T08:39:29.467469+00:00.