Crazy Parallax Animation in Framer

This is a recreation of the fantastic parallax scroll effect from Kevin Hou's website, using Framer. It's a great project for highlighting how easy it is to manipulate scroll speeds in Framer.

Created by

Nandi

and

Kevin

About the resource

This effect makes use of the super easy-to-use scroll speed effect in Framer.

Essentially, we split the scene into multiple depth layers, then apply different scroll speeds to these layers to imitate a 3D-like environment.

Did you notice the clouds coming in from the sides? The little details.

Oh and by the way I used the smooth scroll component for the smooth scroll on the website.

About the resource

This effect makes use of the super easy-to-use scroll speed effect in Framer.

Essentially, we split the scene into multiple depth layers, then apply different scroll speeds to these layers to imitate a 3D-like environment.

Did you notice the clouds coming in from the sides? The little details.

Oh and by the way I used the smooth scroll component for the smooth scroll on the website.

About the resource

This effect makes use of the super easy-to-use scroll speed effect in Framer.

Essentially, we split the scene into multiple depth layers, then apply different scroll speeds to these layers to imitate a 3D-like environment.

Did you notice the clouds coming in from the sides? The little details.

Oh and by the way I used the smooth scroll component for the smooth scroll on the website.

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

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

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

More resources

View all

Unmask Sections On Scroll in Framer
Animation
Unmask Sections On Scroll in Framer
Animation
Image Sequence Scroll Animation in Framer
Animation
Image Sequence Scroll Animation in Framer
Animation