back

Transition 1

available soon

code component

Unlock with premium (soon)

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.

Transition 1

available soon

code component

Unlock with premium (soon)

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.

Transition 1

available soon

code component

Unlock with premium (soon)

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.

Before & After

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.

Before & After

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.

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

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.

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.

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.

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by Fabian Albert.

© 2024 - Eleveight Supply™

Follow us on x.com

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by Fabian Albert.

Follow us on x.com

© 2024 - Eleveight Supply™

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by Fabian Albert.

© 2024 - Eleveight Supply™

Follow us on x.com