Registry Index

Search the catalog

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

BlockReactregistry:block3 dependencies

Before After Card

before-after-card

A React before-and-after image comparison slider with a zero-lag drag wipe.

@wensityRegistry 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.

Notes from the author

Free Wensity component. Installs to @components/wensity/before-after-card.tsx. For Pro components and updates, use pnpm dlx wensity@latest add before-after-card.
@wensity

More from @wensity

All 36 items
Badge
badge
Block
Button
button
Block
Canvas Text
canvas-text
Block
Cool Button
cool-button
Block
Empty State
empty-state
Block
Generative Skeleton Mesh
generative-skeleton-mesh
Block
Input
input
Block
Liquid Multimodal Input
liquid-multimodal-input
Block