Registry Index

Search the catalog

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

BlockReactregistry:block2 dependencies

Slide Buttons

components-buttons-slide-buttons

Buttons with a color or label that slides in on hover. Reveal a second state to guide users toward the next step in a clear and simple flow.

@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
Grid Case Study Previews
portfolio-portfolio-case-studies-grid-case-study-previews
Block
Custom Builder
marketing-pricing-sections-custom-builder
Block
Split Screen Multi Step
marketing-hero-forms-split-screen-multi-step
Block
Interactive Changelog
marketing-changelogs-interactive-changelog
Block
Grid List
ecommerce-product-list-grid-list
Block
Corner Ribbon Card
components-cards-corner-ribbon-card
Block
Simple Centered
application-page-headings-simple-centered
Block
Minimalist CTA
portfolio-portfolio-hero-showcases-minimalist-cta
Block