Micro-interactions (UI Motion) Small, functional motion that makes an interface feel responsive and alive: hover/press/focus feedback, toggles, toasts, drawers, and list/layout animation. The goal is feedback and continuity, not decoration. When to use - Hover/press/focus feedback; toggles, checkboxes, like/heart buttons - Toasts/snackbars, drawers, modals, tooltips, accordions (enter/exit) - List add/remove/reorder; shared-element ("magic move") layout transitions - Loading → success → error state transitions Principles (apply to all of it) - Duration: UI micro-interactions live in 100–250ms…