Comparison Slider

Comparison Slider For Framer Websites

Showcase transformations with style using this premium Before & After Slider. Perfect for portfolios, product comparisons, case studies, or creative storytelling.

• Variants: Choose between horizontal or vertical slider styles.

• CMS Compatible: Bind images directly from your CMS for dynamic content.

• Full Style Controls: Adjust height, width, border radius, background, divider size/color, and object fit.

• Custom Handle Options: Use color, size, hover scaling, or upload your own custom handle icon.

• Accessibility Ready: Add alt text, ARIA labels, and enable keyboard control with an adjustable step size.

• Performance Optimized: Native pointer events and smooth clip-path rendering for buttery interactions.

Designed for professionals who want a premium, flexible, and accessible image comparison experience in Framer.