Animated Pin

A gradient pin that animates on hover, perfect for product links

Bring your ideas to life

I first saw this on Tailwind Connect website and thought it would be a great component to build with Framer Motion. It's a simple component that animates on hover and can be used for product links.

Also, I thought of combining this with the Rauno's links on his homepage to make it more interesting.

Code Snippet

Other ways of adding pin

There are some other cool ways of adding a Pin to a card

Product Display

Pixel Perfect

Ace your front-end interview with confidence
Product Image


On Hover

We need your help 🫶

We are a tiny team of people who could use your support in building these awesome components. Please share Aceternity components on your social media and help us grow. 🙏

Tweet about aceternity

Ready to bring your website to life?

Experience the magic of a stunning website designed just for you! Contact us now, and witness the transformation within 24 hours. No more waiting around - we're serious about making your vision a reality. ✨

John Shahawy
Henrik Söderlund
John Ferry
Meru Gokhale
Book a Call