Design inspiration curated from X

If you want to achieve the same effect as `active:scale-x` or `hove... - Jakub Krehel

Published by Jakub Krehel on November 9, 2025.

If you want to achieve the same effect as `active:scale-x` or `hover:scale-x` but with spring animations, you can use the `whileTap` and `whileHover` gestures in Motion.

Design notes

If you want to achieve the same effect as `active:scale-x` or `hover:scale-x` but with spring animations, you can use the `whileTap` and `whileHover` gestures in Motion.

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 Jakub Krehel; 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.

https://northlight.design/sandbox/1987594201798705568
Launch Sandbox โ†—

Reference details

Creator
Jakub Krehel
X handle
@jakubkrehel
Published
November 9, 2025
Media
1 visual reference
Views
14,880
Likes
307
Bookmarks
200

Related tags