BeforeAfterCarousel

BeforeAfterCarousel is a smooth, animated carousel that splits images down the middle — showing the "before" on one side and the "after" on the other.

BeforeAfterCarousel is a smooth, animated carousel that splits images down the middle — showing the "before" on one side and the "after" on the other. Perfect for AI tools, photo editors, skincare brands, or any product that showcases visual transformations.

How to Use

1. Copy the component URL and paste it onto your Framer canvas

2. Replace the placeholder images with your own before/after pairs

3. Adjust speed, size, and spacing from the properties panel

4. Publish your site — done!

Use Cases

• AI image transformation tools

• Skincare / beauty before & after

• Photo editing showcases

• Interior design makeovers

• Fitness transformation stories

  Demo