Registry Index

Search the catalog

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

BlockReactregistry:blockSelf-contained

Cards On Images

marketing-masonry-sections-cards-on-images

A masonry grid of cards layered over images, each with a heading and short text. Showcases a gallery, portfolio, or product collection on a landing page.

@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
Sparkline Stats
marketing-stats-sparkline-stats
Block
Testimonial Carousel
marketing-hero-sections-testimonial-carousel
Block
Simple 2 Cols Grid
marketing-faq-sections-simple-2-cols-grid
Block
Company Culture
marketing-about-sections-company-culture
Block
Comparison
ecommerce-ecommerce-bundle-upsells-comparison
Block
Elevated Alerts
components-alerts-elevated-alerts
Block
Simple Download Button
portfolio-portfolio-resume-and-downloads-simple-download-button
Block
Carousel Of Certifications
portfolio-portfolio-awards-and-recognition-carousel-of-certifications
Block