Lessons

Framer Tutorial: Building an Animated 3D Website From Scratch

Lessons

Framer Tutorial: Building an Animated 3D Website From Scratch

Nandi Muzsik

How can I improve Framer Uni?

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

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

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

Share feedback

Beginner

50 min

Framer Tutorial: Building an Animated 3D Website From Scratch

In this Framer tutorial, I'm walking you through building an impressive 3D website from absolute scratch. You'll learn how to create interactive 3D carousels, cursor-following effects, and responsive layouts - taking your Framer skills from basic to advanced. Perfect for designers ready to level up their portfolio with stunning 3D interactions.

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 interface showing new event interaction option

    98.23% of Framer Users Have No Idea About This Feature...

    Framer interface showing new event interaction option

    98.23% of Framer Users Have No Idea About This Feature...

    Framer interface showing new event interaction option

    98.23% of Framer Users Have No Idea About This Feature...

  • Staggered animation effect with layered glass panels in Framer

    2+1 Ways to Create Staggered Animations in Framer

    Staggered animation effect with layered glass panels in Framer

    2+1 Ways to Create Staggered Animations in Framer

    Staggered animation effect with layered glass panels in Framer

    2+1 Ways to Create Staggered Animations in Framer