Lozenge wave animation
Four iterations of an SVG animation where a pill shape grows an arm and waves. Exploring organic motion through path morphing.
Why we built this
UI animations usually feel mechanical. We wanted to explore what happens when interface elements behave more like living things. Can a simple shape feel curious, searching, then friendly? This is pure R&D into making digital interfaces feel more human.
How we built it
Four prototypes, each improving on the last. V1: separate SVG paths for arm and hand. V2: path morphing, but too smooth. V3: travelling wave wobble plus T-1000-inspired organic growth. V4: pixel-perfect pill with kappa-correct arcs, rounded arm tip, proper hand with visible finger silhouette. All vanilla SVG with bezier curves, no animation libraries.
What's next
Design exploration. Not attached to a product yet but the technique could apply to loading states, onboarding, or any UI that needs personality. We're collecting these motion experiments to build a library of patterns for future projects.
