Animation & Motion

Motion should be purposeful — guide attention, show spatial relationships, and provide feedback. Never animate for decoration.

Duration defaults (when no platform value exists):

• Under 100ms feels instant. Over 500ms feels sluggish.
• Platform-native spring/easing curves SHOULD be preferred over linear or custom beziers
• Reduced-motion preferences MUST be respected — see agentic-cookbook://guidelines/accessibility/accessibility and each platform file's accessibility settings table. When reduced motion is enabled, replace animations with instant state changes or simple cross-fades.
• Motion SHOULD NOT cover large distances, loop continuously, or flash

References:

• Apple HIG: Motion
• Material Design: Motion
• Fluent Design: Timing and Easing

Change History