Home › Interaction › Animation
Animation
Motion that plays continuously or is triggered by a user action.
Animation is motion across time. A loading spinner animates by rotating. A success checkmark draws itself in. A toast slides in, pauses, slides out. Animation breathes life into a static interface.
Animation should serve a purpose — direct attention, show relationships, smooth a transition. Decorative animation that runs on a loop or competes with content makes interfaces feel slow and noisy.