Lessons

Framer Tutorial: No-Code Animated Curved Carousel

Lessons

Framer Tutorial: No-Code Animated Curved Carousel

Intermediate

14 min

Framer Tutorial: No-Code Animated Curved Carousel

Learn how to recreate the curved carousel from the Gucci website in Framer. For this effect, we'll use the following Framer features: sticky positioning, scroll variant, component variables, scroll sections.

image of Nandi Muzsik

Taught by

Nandi

Remix project file

Remix project file

Remix project file

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

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.

Join waitlist

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.

Join waitlist

Nandi portrait's background
Nandi's portrait

More lessons

More lessons

View all

    Framer Tutorial: Prallax Hover + Progressive Blur = Epic Cards

    Framer Tutorial: Parallax Hover + Progressive Blur = Epic Cards

    Framer Tutorial: Prallax Hover + Progressive Blur = Epic Cards

    Framer Tutorial: Parallax Hover + Progressive Blur = Epic Cards

    Framer Tutorial: Prallax Hover + Progressive Blur = Epic Cards

    Framer Tutorial: Parallax Hover + Progressive Blur = Epic Cards

    Framer Trick: Convert 2D Elements into Interactive 3D Objects

    Framer Trick: Convert 2D Elements into Interactive 3D Objects

    Framer Trick: Convert 2D Elements into Interactive 3D Objects

    Framer Trick: Convert 2D Elements into Interactive 3D Objects

    Framer Trick: Convert 2D Elements into Interactive 3D Objects

    Framer Trick: Convert 2D Elements into Interactive 3D Objects