Parallax Carousel

Copy component

Parallax Carousel

Copy component

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Interaction

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.

image of Nandi Muzsik

Created by

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

Related Lesson

Watch now

Related Lesson

Watch now

Related Lesson

Watch now

About the resource

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.

About the resource

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.

About the resource

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.

Framer Navigator

Learn the fundamentals of Framer for free.

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

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

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

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

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

Nandi portrait's background
Nandi's portrait

More resources

More resources

  • Hand holding a retro-inspired compact camera with side previews

    Fluid Album Viewer in Framer

    Interaction

    Hand holding a retro-inspired compact camera with side previews

    Fluid Album Viewer in Framer

    Interaction

    Hand holding a retro-inspired compact camera with side previews

    Fluid Album Viewer in Framer

    Interaction

  • Showcase of spatial 3D cards in a marketplace layout

    Spatial 3D Hero Section in Framer

    Interaction

    Showcase of spatial 3D cards in a marketplace layout

    Spatial 3D Hero Section in Framer

    Interaction

    Showcase of spatial 3D cards in a marketplace layout

    Spatial 3D Hero Section in Framer

    Interaction