
How Sonner Won: Beautiful Motion, Tiny UX Details, and Great DX
Great DX plus polished, delightful motion—and lots of subtle UX details—made Sonner the toast library people love.

Great DX plus polished, delightful motion—and lots of subtle UX details—made Sonner the toast library people love.

An open-source tool that turns SVGs into real-time, browser-based puppets using PoseNet/FaceMesh and smart vector deformation.

A cross-framework scrollytelling video component that auto-tracks scroll and smartly falls back from WebCodecs to HTML5 methods for broad, performant support.

Use physics-driven SVG displacement maps and a rim-light overlay to approximate Apple’s Liquid Glass in Chrome as a backdrop-filter.

Animate only when it helps—and keep it fast; otherwise, don’t animate.