Design inspiration curated from X
Here's a tip I don't see enough: make your animations interruptible... - joshpuckett
Published by joshpuckett on January 9, 2026.
Design notes
Here's a tip I don't see enough: make your animations interruptible. You should be able to immediately trigger close events without waiting for the animation to complete. @motiondotdev makes this super easy. This helps your interfaces feel durable, snappy, and well considered.
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 joshpuckett; 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
- joshpuckett
- X handle
- @joshpuckett
- Published
- January 9, 2026
- Media
- 1 visual reference
- Views
- 98,330
- Likes
- 1,955
- Bookmarks
- 1,355