Design inspiration curated from X
SVG is really fun! here my recent exploration of svg dashed animati... - Soren
Published by Soren on January 23, 2026.
Design notes
SVG is really fun! here my recent exploration of svg dashed animations for @tryarchitect. `stroke-dashoffset` being used here to animate the offset effect. can be bit tricky. @ keyframe { from { stroke-dashoffset: 0; } to { stroke-dashoffset: ${-dashCycle}; } }
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 Soren; 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
- Soren
- X handle
- @sorenblank
- Published
- January 23, 2026
- Media
- 1 visual reference
- Views
- 55,383
- Likes
- 1,039
- Bookmarks
- 817