Proofline

About Proofline

Proofline Slider turns a claim into proof. Instead of telling visitors what changed, you show them: hover or tap across the image and the reveal sweeps through nine positions, from the full before to the full after, settling where they stop. The renovation, the retouch, the redesign, the result — your work makes its own case, inside your page and in your brand's colours, with the Before and After labels sitting on the images and one handle marking the line. And it is built entirely from native Framer frames, variants and variables, so there is no code inside it: open it, unlink it and restyle any part of it, like anything else on your canvas.

What you can customize

Make it yours from the properties panel. Swap the Before and After images, rewrite the two labels, and set the colours: one accent drives the divider, and the handle and label pills share a background colour with their own text colour. The slider scales to whatever frame you give it — a full-width hero, a product card, or a small proof block inside a case study — and the reveal follows at every size. Choose the starting position your story needs. And because every part is a native frame, you can unlink the component and restyle any piece of it, down to the last pixel.

Great for (examples)

• Give visitors a visual way to see the change:

• Jewellery and product showcases

• Photo retouching portfolios

• Website and brand redesigns

• Interior renovations and real estate

• Beauty and fitness results

• Home services — cleaning, detailing, repairs

• Design case studies and client proof

Need help?

Questions or feedback? Reach me anytime: support@buildinshadow.store or on X @buildinshadow.