A before/after slider that plays itself — and hands over manual control on interaction.
AutoScan Reveal sweeps across before/after images or videos with smooth crossfading. Hover slows the scan; dragging gives zero-lag control. Releasing smoothly resumes auto-scanning.
Auto First: Shows transformations instantly without requiring drag actions.
True Crossfade: Blends transitions smoothly through an adjustable zone.
Canvas Accurate: What you see in Framer is what visitors see live.
Media Support: Autoplays muted, looping before/after videos or images.
Multi-Project: Cycle through up to 8 before/after pairs.
Branded Handle: Drop your logo directly onto the handle (3 sizes).
Animation: Autoplay, speed, direction, triggers, and drag resume timing.
Scan Line: Glow, softness, line width, frame corners, and handle logo.
Image Style: Independent blur controls for Before and After assets.
Layout: Custom placement for Title, Arrows, Dots, and Edge Labels across 9 anchor points.
Renovation portfolios, fitness transformations, product redesigns, and case studies.
Refunds: All sales are final due to the digital nature of Framer components.
Support: For setup help or bugs: hopprstudio@gmail.com (24–48 hr response).
A before/after slider that plays itself — and hands over manual control on interaction.
AutoScan Reveal sweeps across before/after images or videos with smooth crossfading. Hover slows the scan; dragging gives zero-lag control. Releasing smoothly resumes auto-scanning.
Auto First: Shows transformations instantly without requiring drag actions.
True Crossfade: Blends transitions smoothly through an adjustable zone.
Canvas Accurate: What you see in Framer is what visitors see live.
Media Support: Autoplays muted, looping before/after videos or images.
Multi-Project: Cycle through up to 8 before/after pairs.
Branded Handle: Drop your logo directly onto the handle (3 sizes).
Animation: Autoplay, speed, direction, triggers, and drag resume timing.
Scan Line: Glow, softness, line width, frame corners, and handle logo.
Image Style: Independent blur controls for Before and After assets.
Layout: Custom placement for Title, Arrows, Dots, and Edge Labels across 9 anchor points.
Renovation portfolios, fitness transformations, product redesigns, and case studies.
Refunds: All sales are final due to the digital nature of Framer components.
Support: For setup help or bugs: hopprstudio@gmail.com (24–48 hr response).
Hoppra
