Fey Website Scroll Animation in Framer

Fey Website Scroll Animation in Framer

Animation

Fey Website Scroll Animation in Framer

This is the scroll animation from the Fey site, recreated in Framer without writing a single line of code. Feel free to remix the project and check out how it's built.

image of Nandi Muzsik
image of Dennis

Created by

Fey Website in Framer
Fey Website in Framer
Fey Website in Framer

About the resource

The website leverages some of the most impressive no-code features from Framer. Yep, this website is totally no-code. You can build it simply by dragging rectangles around a design canvas.

I applied scroll transforms with hidden trigger frames (a.k.a. scroll sections) to get that particular effect.

Thanks to the simple effects editor, I managed to manipulate the image in 3D, and animated the whole thing using scroll section triggers.

About the resource

The website leverages some of the most impressive no-code features from Framer. Yep, this website is totally no-code. You can build it simply by dragging rectangles around a design canvas.

I applied scroll transforms with hidden trigger frames (a.k.a. scroll sections) to get that particular effect.

Thanks to the simple effects editor, I managed to manipulate the image in 3D, and animated the whole thing using scroll section triggers.

About the resource

The website leverages some of the most impressive no-code features from Framer. Yep, this website is totally no-code. You can build it simply by dragging rectangles around a design canvas.

I applied scroll transforms with hidden trigger frames (a.k.a. scroll sections) to get that particular effect.

Thanks to the simple effects editor, I managed to manipulate the image in 3D, and animated the whole thing using scroll section triggers.

framer scroll animation properties

Framer scroll transform effect properties.

framer scroll animation properties

Framer scroll transform effect properties.

framer scroll animation properties

Framer scroll transform effect properties.

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

    Linktree 3D Flip Animation in Framer

    Animation

    Linktree 3D Flip Animation in Framer

    Linktree 3D Flip Animation in Framer

    Animation

    Linktree 3D Flip Animation in Framer

    Animation

    3D Sphere Animation in Framer

    Animation

    3D Sphere Animation in Framer

    3D Sphere Animation in Framer

    Animation

    3D Sphere Animation in Framer

    Animation