Hover Image Zoom

new

This code component enables you to have zoom when hovering over any image. It comes with 3 predefined zoom styles: Contained, Lens and Overlay, so it's easier for you to pick the best one for your particular use case.

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.

Hover Image Zoom

Adjustable properties

Image Picker

3 different zoom styles

Zoom percentage

Lens size

Image fill type

Corner radius

Adjustable properties

Image Picker

3 different zoom styles

Zoom percentage

Lens size

Image fill type

Corner radius

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.