Motion

Micro-interactions

Small, delightful feedback animations — button presses, toggles, likes, loaders. They make interfaces feel responsive and alive.

Also called: UI feedback, delight details

Live demo — interact with each

Scale feedback

Toggle switch

Like animation

Loading spinner

How it works

Tiny CSS transitions (100–300ms) on :hover, :active, and state changes. The best micro-interactions are fast, subtle, and purposeful.