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.
Web Animation
CSS animations, transitions, motion design, and micro-interactions for web interfaces.
Reading List
Pose Animator: Real-time SVG Puppeteering with TensorFlow.js
164
An open-source tool that turns SVGs into real-time, browser-based puppets using PoseNet/FaceMesh and smart vector deformation.
ScrollyVideo.js: Scroll-Driven Video with Smart Fallbacks Across Frameworks
A cross-framework scrollytelling video component that auto-tracks scroll and smartly falls back from WebCodecs to HTML5 methods for broad, performant support.
Liquid Glass on the Web with SVG Displacement Maps
495
Use physics-driven SVG displacement maps and a rim-light overlay to approximate Apple’s Liquid Glass in Chrome as a backdrop-filter.
Animate with Purpose—or Not at All
546
Animate only when it helps—and keep it fast; otherwise, don’t animate.