Framer Before-and-After Slider ComponentFramer Before-and-After Slider Component
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
AI can design anything now. What it can't do is represent it — and representation is the most important part of design. A redesign nobody sees properly doesn't sell. A product shown flat doesn't convert.
Before/After Slider is my answer: a Framer component with zero code inside — pure native Framer — that turns your work into proof. Hover or tap, and the picture sweeps from before to after. Drop in a redesign, a product transformation, a retouch, a renovation — and let visitors see the change themselves.
Swap both images and labels from the properties panel, recolour the divider, handle and pills to match the brand, and drop it at any size. It stays exact at any width.
Live demo: https://involved-darlings-583628.framer.app On the Framer Marketplace.
Show the change, don't claim it. — @buildinshadow
Dev's avatar
Zero code in native Framer? Love that approach.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started