Lessons

This 3D Hover Will Make Your Portfolio Stand Out (Framer Tutorial)

Lessons

This 3D Hover Will Make Your Portfolio Stand Out (Framer Tutorial)

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

Intermediate

25 min

This 3D Hover Will Make Your Portfolio Stand Out (Framer Tutorial)

Learn to create a captivating 3D hover reveal component in Framer. I'll guide you through using variants, components, interactions, and variables to build an impressive project card effect. You'll master 3D transforms, hover states, and mobile optimization, adding an eye-catching element to your portfolio that's sure to impress.

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

  • Comparison of paid and free Framer Uni feedback widgets, featuring a portrait of a man with glasses and dark clothing, showcasing user interface design for customer support and product improvement

    New

    Creating a Feedback Widget From Scratch (Framer Tutorial)

    Comparison of paid and free Framer Uni feedback widgets, featuring a portrait of a man with glasses and dark clothing, showcasing user interface design for customer support and product improvement

    New

    Creating a Feedback Widget From Scratch (Framer Tutorial)

    Comparison of paid and free Framer Uni feedback widgets, featuring a portrait of a man with glasses and dark clothing, showcasing user interface design for customer support and product improvement

    New

    Creating a Feedback Widget From Scratch (Framer Tutorial)

  • Glowing blue 'Generate' button with cursor icon, symbolizing AI-powered content creation

    Raw Process of Recreating a Crazy Hover Effect

    Glowing blue 'Generate' button with cursor icon, symbolizing AI-powered content creation

    Raw Process of Recreating a Crazy Hover Effect

    Glowing blue 'Generate' button with cursor icon, symbolizing AI-powered content creation

    Raw Process of Recreating a Crazy Hover Effect