Compare before and after states without placing two visuals side by side.
All illustrations01 02 03
Split Reveal
A before-and-after reveal that moves between obscured and clear content.
Use it in your project
Install the source through your private beUI Pro registry, then customize the SVG, copy, theme tokens, and timing in your codebase.
- React and SVG source included
- Responsive and reduced-motion ready
$ bunx --bun shadcn add @beui-pro/illustration-split-reveal
When to use it
Demonstrate filtering, cleanup, enrichment, or quality improvements.
Show raw input becoming structured, verified, or ready to use.