---
title: "Before After Pro — Free Framer component · Best of Framer"
description: "Free Framer component · by Axel Foley · Interactive. High-performance image comparison"
canonical: "https://framer.elliotli.dev/component/before-after-pro"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Before After Pro

# Before After Pro

High-performance image comparison

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

![Before After Pro preview image 1](https://framer.elliotli.dev/og/component/before-after-pro/7786f987687b4383/1600x1200.jpg)

## Summary

High-performance image comparison

## Description

Designed for high-end portfolios and production websites, this slider brings elite-level interaction to your Framer projects. We focused on the technical nuances that matter most to professionals.

-   **Native Shadow Fidelity:** Our advanced dual-container architecture ensures your custom shadows remain intact and unclipped.
    
-   **Intuitive Control:** Easily toggle between "Drag" and "Hover" interaction modes to suit your project's UX requirements.
    
-   **Accessibility Excellence (A11y):** Built-in support for keyboard navigation (Arrows, Home, End) ensures compliance with modern web standards.
    
-   **Mobile-First Engineering:** Native touch handling provides a fluid, lag-free experience on smartphones and tablets.
    
-   **Total Visual Control:** Full customization of border radius, colors, and labels through the standard Framer interface.
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-2a4q37tm-I4nP3fzDr5ecmrKlBZJs8sTpT8duYV)

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

-   All · #2639

## Details

- **Author**: Axel Foley
- **Published**: 2026-02-17
- **Updated**: 2026-07-26
- **Added**: 2026-02-16
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step