Motion Scale Generator

Overview

Generate consistent animation and transition tokens for duration, easing, and delay. Creates a motion system that feels cohesive and respects user preferences for reduced motion.

When to Use

• Setting up animation tokens for a new project
• Standardizing transition timing across components
• Replacing hardcoded animation values
• Implementing reduced motion support
• Building micro-interaction patterns

Quick Reference: Duration Scale