Vanilla Motion

Vanilla Motion is a collection of UI animation study cases, collected from various projects and rebuilt from scratch.

Every piece ships with working code and a written case study covering the real decisions behind it — why this easing, why this timing, what didn't work the first time. Built primarily with the Motion library, sometimes GSAP for more complex work, sometimes plain CSS, always in plain HTML and TypeScript. No React required to read or understand any of it.

In a world of component libraries where you run a CLI and the component just works, this is the opposite direction. Read the code, see what actually happens, then decide if you still want the shortcut.