Before After Pro: Free Interactions Component by Axel Fouley

Marketplace Components Categories Interactions

Showcase visual transformations with absolute precision. Before After Slider is a high-performance component built for designers who prioritize native Framer styling, seamless mobile interaction, and professional-grade quality.

About this Component

Designed for high-end portfolios and production websites, this slider brings elite-level interaction to your Framer projects. We focused on the technical nuances that matter most to professionals.

Native Shadow Fidelity: Our advanced dual-container architecture ensures your custom shadows remain intact and unclipped.
Intuitive Control: Easily toggle between "Drag" and "Hover" interaction modes to suit your project's UX requirements.
Accessibility Excellence (A11y): Built-in support for keyboard navigation (Arrows, Home, End) ensures compliance with modern web standards.
Mobile-First Engineering: Native touch handling provides a fluid, lag-free experience on smartphones and tablets.
Total Visual Control: Full customization of border radius, colors, and labels through the standard Framer interface.