Registry Index

Search the catalog

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

BlockReactregistry:block4 dependencies

Before After Comparison

portfolio-portfolio-why-work-with-me-before-after-comparison

A split panel that shows a project before and after your work with a draggable divider. Proves your impact visually when results speak louder than text.

@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
Sticky Cart
ecommerce-shopping-cart-sticky-cart
Block
Split Preview
ecommerce-category-preview-split-preview
Block
Dotted Border Alerts
components-alerts-dotted-border-alerts
Block
Resume Cover Letter Combo
portfolio-portfolio-resume-and-downloads-resume-cover-letter-combo
Block
Awards Timeline
portfolio-portfolio-awards-and-recognition-awards-timeline
Block
Solid Icon With Hover Effect
marketing-icon-sections-solid-icon-with-hover-effect
Block
Free Trial Signup Form
marketing-hero-forms-free-trial-signup-form
Block
Job Board
marketing-careers-job-board
Block