Parallax Carousel

Parallax Carousel

Parallax Carousel

Parallax Carousel

Interaction

Interaction

Interaction

Interaction

Parallax Carousel

Parallax Carousel

Parallax Carousel

Parallax Carousel

This is a parallax carousel interaction made with multiple components and variants. Take a quick look and see how something like this can be built in Framer without any code by remixing the file below.

This is a parallax carousel interaction made with multiple components and variants. Take a quick look and see how something like this can be built in Framer without any code by remixing the file below.

This is a parallax carousel interaction made with multiple components and variants. Take a quick look and see how something like this can be built in Framer without any code by remixing the file below.

This is a parallax carousel interaction made with multiple components and variants. Take a quick look and see how something like this can be built in Framer without any code by remixing the file below.

parallax carousel in Framer
parallax carousel in Framer
parallax carousel in Framer
parallax carousel in Framer

Features

I used two components for this interaction. A component for the cards, and another component for wrapping the cards. I also used absolute positioning to move the cards on click and multiple variants to change their state when clicking through the carousel.

Step 01 outline

Step / 01

Remix the file.

Step 2 outline

Step / 02

Take a look at how it's built.

Step 3 outline

Step / 03

Try recreating it for practice, or copy and paste it to your project.

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.