Comparison Slider
Interactive Before & After Slider with vertical & horizontal variants, CMS-ready images, full customization, and accessibility controls.
Made with Workshop
Build your own component with AI
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.
