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.

Taught by

Nandi

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

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 lessons

View all

Framer Tutorial: Image Sequence Scroll Animation (Step-by-Step)
Framer Tutorial: Image Sequence Scroll Animation (Step-by-Step)
Framer Tutorial: Image Sequence Scroll Animation (Step-by-Step)
[LIVE] I Cooked the Impossible Effect in Framer...
[LIVE] I Cooked the Impossible Effect in Framer...
[LIVE] I Cooked the Impossible Effect in Framer...