Loading video...

Video Failed to Load

Go Home

This is how you make a 3d card hover effect in Framer. Tutorial.

praveenisomer's profile picture

Praveen Kumar

9,110 subscribers

34,506 views • 6 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

This is how you can make a button motion animation using components in Framer. Tutorial.
0:15

This is how you can make a button motion animation using components in Framer. Tutorial.

Praveen Kumar

23,964 views • 6 months ago

Apple secretly invented a new bento card effect back in 2021. Thankfully, it is very much possible to create this in @Framer. 🔁 100 retweets and I'm rebuilding it in a YouTube tutorial.
0:12

Apple secretly invented a new bento card effect back in 2021. Thankfully, it is very much possible to create this in @Framer. 🔁 100 retweets and I'm rebuilding it in a YouTube tutorial.

Framer University

326,561 views • 3 years ago

This is how you can create a super viral 3D vector effect which makes few people question their existence. Built in Paper. Tutorial.
0:15

This is how you can create a super viral 3D vector effect which makes few people question their existence. Built in Paper. Tutorial.

Praveen Kumar

56,287 views • 1 year ago

Review card hover effect 🧡
0:13

Review card hover effect 🧡

Shater Tsavsar ⚡︎

68,907 views • 1 year ago

🤯 Look at this insane parallax effect on the website. With just a few clicks in Framer, you can make this too. 100 retweets and I'll show you how.
0:10

🤯 Look at this insane parallax effect on the website. With just a few clicks in Framer, you can make this too. 100 retweets and I'll show you how.

Framer University

222,173 views • 3 years ago

the hover animation on this button is insane. should we drop a tutorial on how we built this in Rive? 👀
0:13

the hover animation on this button is insane. should we drop a tutorial on how we built this in Rive? 👀

Marcel

20,419 views • 3 months ago

Made this card design entirely in Framer design pages, How is it?👀
0:10

Made this card design entirely in Framer design pages, How is it?👀

Shruti

41,994 views • 11 months ago

Design Engineering Tip: If you struggle to describe button or card hover states in Claude or Codex, these commonly used hover effect terms can help.
0:12

Design Engineering Tip: If you struggle to describe button or card hover states in Claude or Codex, these commonly used hover effect terms can help.

Gabriel

37,882 views • 2 months ago

On a mission to make buttons that stand out. - For this one, I played around with liquid glass mixed with a 3D effect on hover, how's it look?
0:14

On a mission to make buttons that stand out. - For this one, I played around with liquid glass mixed with a 3D effect on hover, how's it look?

Camden @ Designownow

15,547 views • 11 months ago

🎉 introducing: magnetic hover for Framer use this to create a smooth, magnetic pull effect that adds an interactive touch to your designs. comment "MAGNETIC" and I'll send you the component :)
0:13

🎉 introducing: magnetic hover for Framer use this to create a smooth, magnetic pull effect that adds an interactive touch to your designs. comment "MAGNETIC" and I'll send you the component :)

Framer University

20,987 views • 1 year ago

okay guys... i wouldn't have thought this will be possible in Framer... wanna see a quick tutorial on how this one is built? (zero code)
0:11

okay guys... i wouldn't have thought this will be possible in Framer... wanna see a quick tutorial on how this one is built? (zero code)

Framer University

10,998 views • 1 year ago

This is how I created the aura effect in my recent commission #aftereffects #tutorial
0:17

This is how I created the aura effect in my recent commission #aftereffects #tutorial

Ezboy | VGen

25,386 views • 10 months ago

💧How to make Liquid Glass Effect in Figma - Supafast tutorial, lets go! :🧵
0:17

💧How to make Liquid Glass Effect in Figma - Supafast tutorial, lets go! :🧵

Camden @ Designownow

402,106 views • 1 year ago

Is this how you should use sticky positioning in Framer?
0:16

Is this how you should use sticky positioning in Framer?

Kamil

12,669 views • 1 year ago

Compact pricing card exploration with @Framer. How is it?
0:14

Compact pricing card exploration with @Framer. How is it?

Tran Mau Tri Tam ✪

53,006 views • 8 months ago

Tutorial🔴🟣🔵 - How to make a "shadow cast" effect in Figma. Plus... how to animate it in Figma. - Lets dive on in:🧵
0:10

Tutorial🔴🟣🔵 - How to make a "shadow cast" effect in Figma. Plus... how to animate it in Figma. - Lets dive on in:🧵

Camden @ Designownow

12,515 views • 1 year ago

This is not 3D! Here’s how I fake the GTA-like 3d effect in my indie game, McPixel 3!
0:12

This is not 3D! Here’s how I fake the GTA-like 3d effect in my indie game, McPixel 3!

Sos "Wishlist Lazy Kickers" Sosowski

18,886 views • 7 months ago

New mind-blowing Framer component drop: Image 3D Parallax! Turn any flat image into a 3D experience that moves with your mouse. No coding needed. Comment "MAGIC" and I'll DM you this component for free. P.S. This one comes with my FIRST EVER YouTube tutorial 🎬 P.S.S. Make sure you follow me so I can DM you
0:17

New mind-blowing Framer component drop: Image 3D Parallax! Turn any flat image into a 3D experience that moves with your mouse. No coding needed. Comment "MAGIC" and I'll DM you this component for free. P.S. This one comes with my FIRST EVER YouTube tutorial 🎬 P.S.S. Make sure you follow me so I can DM you

David McBacon

19,984 views • 1 year ago

FREE template built in Framer ✨🖱 Uses a cool cursor effect, 100% built in Framer Comment "Framer" and I'll send it to you 👇 (must be following so I can DM you)
0:13

FREE template built in Framer ✨🖱 Uses a cool cursor effect, 100% built in Framer Comment "Framer" and I'll send it to you 👇 (must be following so I can DM you)

Ryan Hayward

28,304 views • 3 years ago