---
title: "Free Before-After — Free Framer component · Best of Framer"
description: "Free Framer component · by Zlatko Marjanović · Cards. Before/After Pro Slider, Hover, 3D, Drag"
canonical: "https://framer.elliotli.dev/component/before-and-after"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Free Before-After

# Free Before-After

Before/After Pro Slider

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

![Free Before-After preview image 1](https://framer.elliotli.dev/og/component/before-and-after/cbb2a59caa8c2369/1600x1200.jpg)

## Summary

Before/After Pro Slider, Hover, 3D, Drag

## Description

BeforeAfter Pro is a fully customizable before and after comparison component built specifically for Framer projects that demand performance, flexibility, and clean interaction design. It allows designers, agencies, SaaS companies, real estate platforms, and eCommerce brands to present visual transformations in an engaging, conversion-focused way.

Whether you are showcasing a website redesign, product upgrade, UI improvement, renovation project, photo retouching workflow, medical transformation, or digital agency case study, this component delivers a smooth and professional comparison experience without external dependencies.

## **Work with me:** [**https://www.upwork.com/freelancers/webflowzlatko**](https://www.upwork.com/freelancers/webflowzlatko)

**My website:** [**zlatkomarjanovic.com**](http://zlatkomarjanovic.com)

**Insights:** [**zlatkomarjanovic.com/blog**](http://zlatkomarjanovic.com/blog)

**Follow me on X:** [**https://x.com/thezlatkom**](https://x.com/thezlatkom)

**Follow me on Linkedin:** [**https://www.linkedin.com/in/zlatkomarjanovic/**](https://www.linkedin.com/in/zlatkomarjanovic/)

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

-   All · #1183

## Details

- **Author**: Zlatko Marjanović
- **Published**: 2026-02-28
- **Updated**: 2026-09-10
- **Added**: 2026-02-22
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator