Magnetic Carousel Interaction

This is a re-do of the magnetic carousel Rauno made. It was quite a challenge to remake this in Framer, as it uses many components, variants, events, and interactions. Feel free to remix the project and experiment further with it.

Created by

Nandi

and

About the resource

The "Image" component, which comes in various sizes, is used in the interaction. Each variant of this image component is wrapped within another component that has its own hover variants. These hover variants are then linked through interactions.

About the resource

Framer Navigator

Learn the fundamentals of Framer for free.

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

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

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

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

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

Join waitlist

More resources

View all

Expanding Tooltip Animation in Framer
Interaction
Expanding Tooltip Animation in Framer
Interaction
Expanding Tooltip Animation in Framer
Interaction
Key Micro-Interaction in Framer
Interaction
Key Micro-Interaction in Framer
Interaction
Key Micro-Interaction in Framer
Interaction