Resources

Crazy Parallax Animation in Framer

View demo

Remix project

Resources

Crazy Parallax Animation in Framer

View demo

Remix project

How can I improve Framer Uni?

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

Share feedback

How can I improve Framer Uni?

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

Share feedback

Animation

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

New
Animated Navigation Bar in Framer
Animation
New
Animated Navigation Bar in Framer
Animation
New
Animated Navigation Bar in Framer
Animation
Apple TV Scroll Zoom Animation in Framer
Animation
Apple TV Scroll Zoom Animation in Framer
Animation
Apple TV Scroll Zoom Animation in Framer
Animation