PlumSpace: Before & After Slider

Show powerful visual transformations with an interactive before & after slider. Compare two images side-by-side, reveal changes with a simple drag interaction, and bring your product, design, or project results to life in a way static images can’t.

Open in Framer

PlumSpace

Creator

16 hours ago16h ago

Updated

Version

Paid

Pricing

Users

Screenshot 1 for PlumSpace: Before & After Slider, a Framer Marketplace plugin by PlumSpace.

Screenshot 2 for PlumSpace: Before & After Slider, a Framer Marketplace plugin by PlumSpace.

Screenshot 3 for PlumSpace: Before & After Slider, a Framer Marketplace plugin by PlumSpace.

Screenshot 4 for PlumSpace: Before & After Slider, a Framer Marketplace plugin by PlumSpace.

About this Plugin

Let users drag to compare two images - before and after - and instantly reveal progress, redesigns, edits, or upgrades. Perfect for designers, product pages, case studies, agencies, photographers, and landing pages that need a clear visual story. Fully responsive, customizable, and easy to set up without code.

Benefits:

Engaging drag-to-compare interaction: Visitors instantly see the difference between “before” and “after” instead of guessing through separate images.
Works on any project type: Great for renovations, product improvements, photo retouching, redesigns, skincare results, restorations, UI/UX makeovers, and more.
Customizable styling: Adjust slider handle, colors, orientation, starting position, and animation to match your brand or layout.
Mobile-ready & responsive: Smooth touch interaction on phones and tablets, not only desktop.
Fast setup, no code needed: Add two images, drop the component into your page, adjust settings, and publish — done.

Make your visuals speak louder - install the Before & After Slider and turn static images into interactive proof.