Before After Image Slider in Framer

Copy component

Before After Image Slider in Framer

Copy component

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Component

Before After Image Slider in Framer

This is a 'before and after' image slider component for Framer, created by Flowbase. All you have to do is copy and paste it into your project, then customize it according to your needs through properties.

image of Nandi Muzsik

Created by

Before After Image Slider in Framer
Before After Image Slider in Framer
Before After Image Slider in Framer

About the resource

You can see below that the component is fully customizable through its properties.

About the resource

You can see below that the component is fully customizable through its properties.

About the resource

You can see below that the component is fully customizable through its properties.

before after image slider properties

Before after image slider properties in Framer.

before after image slider properties

Before after image slider properties in Framer.

before after image slider properties

Before after image slider properties in Framer.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

More resources

More resources

  • Framer interface displaying 'Cross component interactions' with a glowing blue Framer logo and a clickable phone icon labeled 'Click Me' in the bottom right corner

    Cross Component Interactions in Framer

    Component

    Framer interface displaying 'Cross component interactions' with a glowing blue Framer logo and a clickable phone icon labeled 'Click Me' in the bottom right corner

    Cross Component Interactions in Framer

    Component

    Framer interface displaying 'Cross component interactions' with a glowing blue Framer logo and a clickable phone icon labeled 'Click Me' in the bottom right corner

    Cross Component Interactions in Framer

    Component

  • Interactive blue bouncy button with 'Get started' label and cursor hover

    Bouncy Skeuomorphic Button in Framer

    Component

    Interactive blue bouncy button with 'Get started' label and cursor hover

    Bouncy Skeuomorphic Button in Framer

    Component

    Interactive blue bouncy button with 'Get started' label and cursor hover

    Bouncy Skeuomorphic Button in Framer

    Component