Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:block3 dependencies

Masonry List

ecommerce-product-list-masonry-list

A masonry grid fitting product cards of varying heights into tight columns. Works well for mixed imagery in lookbooks and curated collections.

@shadcn-ui-blocksRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

@shadcn-ui-blocks

More from @shadcn-ui-blocks

All 520 items
Vertical Step Timeline
portfolio-portfolio-mission-and-values-vertical-step-timeline
Block
With Contact
marketing-team-sections-with-contact
Block
With Team Grid
marketing-hero-sections-with-team-grid
Block
Multi Column
marketing-footers-multi-column
Block
Author Spotlight
marketing-blog-sections-author-spotlight
Block
Badge Row
ecommerce-ecommerce-trust-guarantee-badge-row
Block
Extra Large Badge
components-badges-extra-large-badge
Block
Logo First Card Layout
portfolio-portfolio-work-experience-cards-logo-first-card-layout
Block