---
title: "Aisol Before/After — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Aisol Studio · Carousels. Comparison slider gallery"
canonical: "https://framer.elliotli.dev/component/aisol-before-after"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Aisol Before/After

# Aisol Before/After

Comparison slider gallery

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

![Aisol Before/After preview image 1](https://framer.elliotli.dev/og/component/aisol-before-after/51d1468f1044bb33/1600x1200.jpg)

## Summary

Comparison slider gallery

## Description

A before/after comparison gallery with multiple pairs, a keyboard-operable handle and per-pair CMS links. Drag the handle or focus it and use the arrow keys - Shift moves further, Home/End jump to the ends. role=slider with aria-valuenow built in.

Show several comparisons at once in a responsive 1-3 column grid that adapts to its container width. Each pair has Before/After labels, a title, a caption, and an optional CMS Link to its own page - perfect for renovation portfolios, retouching services, design agencies and case studies.

Choose a horizontal or vertical split per component. prefers-reduced-motion is respected without disabling interaction, and the static canvas fallback keeps the Framer editor fast. Box-sizing safe: no horizontal overflow at any width.

Everything is configurable from the properties panel: pairs, columns, split direction, handle style, labels, captions and demo sweep.

Try the live demo, then get the component and paste it straight into your project. Works on the free plan. More components: search Aisol on the Marketplace.

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

-   All · #4218

## Details

- **Author**: Aisol Studio
- **Price**: $8.00
- **Published**: 2026-08-24
- **Updated**: 2026-10-03
- **Added**: 2026-08-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