Magnetic Carousel Interaction

Magnetic Carousel Interaction

Magnetic Carousel Interaction

Magnetic Carousel Interaction

Interaction

Interaction

Interaction

Interaction

Magnetic Carousel Interaction

Magnetic Carousel Interaction

Magnetic Carousel Interaction

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.

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.

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.

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.

Magnetic Carousel Interaction
Magnetic Carousel Interaction
Magnetic Carousel Interaction
Magnetic Carousel Interaction

Features

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.

Step 01 outline

Step / 01

Remix the project.

Step 2 outline

Step / 02

See how it's built.

Step 3 outline

Step / 03

Try recreating it for practice.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free
Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.