Registry Index

Search the catalog

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

BlockReactregistry:block3 dependencies

Product Customizer Form

marketing-hero-forms-product-customizer-form

A hero with a product customizer form for options like size and color. Lets shoppers configure their choice and preview it before checkout.

@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
Stacked List
ecommerce-ecommerce-cross-sells-stacked-list
Block
Inset Alerts
components-alerts-inset-alerts
Block
Social Icons Feed
portfolio-portfolio-social-media-embeds-social-icons-feed
Block
Masonry Layout Articles
portfolio-portfolio-blog-writing-and-previews-masonry-layout-articles
Block
Cards On Images
marketing-masonry-sections-cards-on-images
Block
Quiz Assessment Form
marketing-hero-forms-quiz-assessment-form
Block
Expandable Changelog
marketing-changelogs-expandable-changelog
Block
Featured List
ecommerce-product-list-featured-list
Block