Glass Before After
A before/after comparison card that follows your cursor. No clicking. Just magic.
The split tracks your mouse, the card tilts gently in 3D, and a soft glow follows along. Touch users get tap and drag. Everyone gets the same premium feel.
Three opinionated presets: Subtle, Glass, Showcase. Switch the vibe with one click.
🪄 Cursor-following split, no drag required
🎴 Subtle 3D tilt that tracks your pointer
💎 Three presets: Subtle, Glass, Showcase
📐 Six aspect ratios + Auto + Fit Content support
📱 Touch & pen ready. Tap to jump, drag anywhere
Portfolios · AI tools · Product launches · Photo retouching · UI redesigns · Architecture · Color grading · Anywhere you need to say "this became this."
1. Drop the component onto the canvas
2. Add your before & after images
3. Pick a style and aspect ratio
4. Publish
No setup. No CSS. Works in Fixed, Fill, and Fit Content.
Use matching aspect ratios for both images
Glass and Showcase shine on dark backgrounds
Keep labels short: Before / After, Original / Edited
