Preview Image

Before After Image Slider Components for Framer (Free)

Show transformations clearly with our Before–After Image Slider for Framer. Perfect for showcasing design upgrades, edits, or product comparisons, this interactive slider lets users visually compare two images with a smooth draggable handle. Fully responsive and easy to customize—ideal for portfolios, photo editors, agencies, and case studies. Supports custom labels, drag speed, and layout styling.

Coponent type

Code

Status

Working

Components - before after image slider framer code component
Components - before after image slider framer code component

Instruction

1. Remix the component into your Framer project.

2. Add your before and after images.

3. Customize all visual properties.


Request More Features

Help us enhance our components by sharing your ideas and needs!

Mr. Framer team

Replies in < 4 hours

CTA

Build with precision

We approach every pixel and every line of code with a focus on accuracy, ensuring your site is as stable as it is beautiful By prioritizing Clean

2 of 5 Q3 slots open

Mr. Framer team

Replies in < 4 hours

CTA

Build with precision

We approach every pixel and every line of code with a focus on accuracy, ensuring your site is as stable as it is beautiful By prioritizing Clean

2 of 5 Q3 slots open

Mr. Framer team

Replies in < 4 hours

CTA

Build with precision

We approach every pixel and every line of code with a focus on accuracy, ensuring your site is as stable as it is beautiful By prioritizing Clean

2 of 5 Q3 slots open