---
title: "Comparison Slider — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Chaman Verma · Carousels. Comparison Slider For Framer Websites"
canonical: "https://framer.elliotli.dev/component/comparison-slider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Comparison Slider

# Comparison Slider

Comparison Slider For Framer Websites

[View on Framer](https://framer.com/marketplace/components/comparison-slider/?via=elliot-li)

![Comparison Slider preview image 1](https://framer.elliotli.dev/og/component/comparison-slider/2fcdf19731a94966/1600x1200.jpg)

## Summary

Comparison Slider For Framer Websites

## Description

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

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-k0mznini-NBkAQMVvugWQpMoIuYsjXzwmRWMSyv)

-   **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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #9646

## Details

- **Author**: Chaman Verma
- **Price**: $5.00
- **Published**: 2025-09-30
- **Updated**: 2026-02-20
- **Added**: 2025-09-24
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow