Components

Motion

The four canonical animation patterns — fadeUp, stepIn, shimmer, and urgencyPulse — driven by the ease-reveal and ease-standard tokens.

Preview & Code

fadeUp
0.8s · ease-reveal
stepIn
0.8s · ease-standard
shimmer
4s
pulse
1.8s

Usage

✓ Do

Use motion with Hive token values for consistent styling across the surface.

✗ Don't

Don't override motion styles with hardcoded hex values or arbitrary spacing.

Tokens Used