Before & After

new

This component allows you to have 2 images for a before and after comparison. It's built with hardware-acceleration by GPU at core so it will run very smooth and will have great performance. You can choose from 3 predefined transition types and customize a bunch of other properties like the grabber to make it stand out.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Before & After

Adjustable properties

3 Transition types

Corner radius

Horizontal & vertical directions

Divider customization

Custom grabber

Start position

Border

Adjustable properties

3 Transition types

Corner radius

Horizontal & vertical directions

Divider customization

Custom grabber

Start position

Border

How do I use it?

You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.

Set up guide for code components

How do I use it?

Set up guide for code components

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Outlined

An elite repository of minimalist digital device illustrations & icons meticulously designed for creative projects.