Design inspiration curated from X
Tried my best to replicate this hover animation in a different way.... - Vansh N.
Published by Vansh N. on April 24, 2026.
Design notes
Tried my best to replicate this hover animation in a different way. only 40 lines of code Available on Pixel Perfect :)
This entry is part of MotionVault's curated archive of interface, product, brand, website, and motion design references from public creators on X.
Image rights and licensing remain with Vansh N.; use the original X post for source and licensing inquiries.
Deep Clone · React 19 + Framer Motion
Interactive Sandbox & Production Code
Reverse-engineered 1:1 component with spring physics, accessible keyboard controls, and modular Tailwind CSS.
Reference details
- Creator
- Vansh N.
- X handle
- @vansh1029
- Published
- April 24, 2026
- Media
- 1 visual reference
- Views
- 2,183
- Likes
- 46
- Bookmarks
- 25