Comparison Slider: Premium Component by Chaman Verma

Interactive Before & After Slider with vertical & horizontal variants, CMS-ready images, full customization, and accessibility controls.

About this Component

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.