Astra

Masonry

A masonry gallery that springs into place, reflows as it resizes and opens images in a lightbox.

Masonry, a Astra component

Use Masonry in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/Masonry-TS-TW
How to install Astra components

Related components

  • Dome Gallery

    Immersive 3D dome gallery projecting images on a hemispheric surface.

  • Accordion Gallery

    Panels expand on hover or focus, revealing parallax imagery and captions.

  • Card Nav

    A navigation bar that springs open into a row of cards, each with its own links.