Before and after image slider in Framer project.

A free, customizable component for Framer developed by Flowbase. It enables users to create interactive image comparisons by overlaying two images with a draggable slider, allowing viewers to reveal the “before” and “after” states. This feature is particularly useful for showcasing transformations, such as design revisions, product enhancements, or visual effects.

Integrating the slider into a Framer project is straightforward: users can copy the component link and paste it directly into their canvas. Once added, the component offers various customization options, including adjustable slider handles, labels, colors, and typography, ensuring it aligns with the project’s design aesthetics. The slider supports both horizontal and vertical orientations, providing flexibility for different layout requirements. For those seeking a quick start, a remixable Framer project is available, allowing immediate experimentation and adaptation. 

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.