# Updated: Masonry

By Steven Van · 2026-10-13

The rebuilt Masonry component adds drag to reorder, a lightbox and captions, and its columns now follow the container's width.

The [React Bits](<https://creatorstoolbox.com/resources/react-bits>) Masonry component has been rebuilt. [The updated version](<https://reactbits.dev/components/masonry>) is described as a masonry gallery that springs into place, reflows as it resizes and opens images in a lightbox.

## What the rebuild adds

- Springy reflow when the layout changes

- Tiles that appear as you scroll

- Hover effects: zoom, lift and tilt

- Captions

- A lightbox for opening images

- Drag to reorder

## Layout changes

Columns now follow the container, and tiles keep each image's shape.

## Installing

The component page offers a choice of JavaScript or TypeScript and plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/Masonry-TS-TW.

![React Bits](<https://reactbits.dev/favicon.ico>)

React Bits

An open-source collection of 200+ animated, interactive React components and micro-interactions.

[View React Bits →](<https://creatorstoolbox.com/resources/react-bits>)

Sources

[Original source](<https://reactbits.dev/components/masonry>)

[Read Updated: Masonry on Creators Toolbox](<https://creatorstoolbox.com/blog/react-bits-updated-masonry>)

---
Canonical source: https://creatorstoolbox.com/blog/react-bits-updated-masonry