Phantom Website in Framer

Phantom Website in Framer

Phantom Website in Framer

Phantom Website in Framer

Website animation

Website animation

Website animation

Website animation

Phantom Website in Framer

Phantom Website in Framer

Phantom Website in Framer

Phantom Website in Framer

This demo website shows how to recreate a specific section from the Phantom website in Framer without writing any code. Feel free to remix the project and check out how it's done!

This demo website shows how to recreate a specific section from the Phantom website in Framer without writing any code. Feel free to remix the project and check out how it's done!

This demo website shows how to recreate a specific section from the Phantom website in Framer without writing any code. Feel free to remix the project and check out how it's done!

This demo website shows how to recreate a specific section from the Phantom website in Framer without writing any code. Feel free to remix the project and check out how it's done!

Phantom Website in Framer
Phantom Website in Framer
Phantom Website in Framer
Phantom Website in Framer

About The Resource

This demo uses the easiest scroll animation technique in Framer. If you're interested in learning more about it, check out this video where I explain the setup step-by-step.

The secret of this animation technique is that we use sticky positioned frames to keep specific elements in the viewport as we scroll down the website. We also use scroll sections to trigger animations and various effects applied to the sticky positioned elements.

Step 01 outline

Step / 01

Remix the project.

Step 2 outline

Step / 02

See how it's built.

Step 3 outline

Step / 03

Try recreating it for practice, or copy and paste it to your project.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free
Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.