Masonry

Version

v1.0.0

Masonry media gallery with animation, hover behaviour, and mixed aspect ratios. Ships as a Payload CMS Layout and Lexical block.

Lexical BlocksLayout Blocks
Payload CMSNext.js
Switch to fullscreen to interact with component.
...Loading

Version

v1.0.0

Updated

Sep 13, 2026

License

Single Site

Framework

Next.js

Install via Pro CLI

Requires an active Pro subscription and license API authentication. The browser preview does not expose the sellable source files.

Sign in to access CLI

Documentation

What it includes

Masonry includes the supplied React component and Payload field configuration. Follow the installation steps to register the component and its dependencies in your project, then configure its content in the admin editor.

Best use cases

Masonry media gallery with animation, hover behaviour, and mixed aspect ratios.

Using it in your project

Select your media items and configure their aspect ratios, links, and optional text overlays. Set column counts for each breakpoint, then tune spacing, entrance animation, and hover behaviour using your actual asset mix.

Explore More Products

Back to Blocks