Lessons

Framer Tutorial: How To Create A No-Code Scroll Animation

Lessons

Framer Tutorial: How To Create A No-Code Scroll Animation

Intermediate

16 min

Framer Tutorial: How To Create A No-Code Scroll Animation

Learn how to recreate the stunning scroll animation from the Stryds website in Framer without writing any code. Follow along step-by-step as I demonstrate how to make images scale in and text move up as the user scrolls down the page.

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