Registry Index

Search the catalog

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

BlockReactregistry:block3 dependencies

Metric Cards

marketing-stats-metric-cards

Bordered cards each holding one metric, a label, and a trend note. Use it to report KPIs in a structured layout on a homepage or product 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
Basic Alerts
components-alerts-basic-alerts
Block
Gated Download
portfolio-portfolio-resource-download-sections-gated-download
Block
About Me
portfolio-portfolio-about-and-skills-about-me
Block
Icons With Tooltips
marketing-icon-sections-icons-with-tooltips
Block
Early Access Form
marketing-hero-forms-early-access-form
Block
Timeline Blog
marketing-blog-sections-timeline-blog
Block
Features Testimonial Combo
ecommerce-product-features-features-testimonial-combo
Block
Morphing Buttons
components-buttons-morphing-buttons
Block