Skip to main content

get_motion_tokens

Get motion design tokens for consistent animation timing.

Reference

Parameters

  • Name
    category
    Type
    enum · optional
    Description

    Token category to retrieve (duration · easing · all; default: 'all')

  • Name
    format
    Type
    enum · optional
    Description

    Output format (tokens · css · tailwind; default: 'tokens')

Returns

{
  tokens           Array of motion tokens with values and descriptions
  usage            When to use each token
  cssVariables     CSS custom property format
  tailwindClasses  Tailwind utility classes
}

Description

Get motion design tokens for consistent animation timing.

Motion tokens define:

  • DURATIONS: How long animations take (instant, quick, normal, slow)
  • EASINGS: How animations accelerate/decelerate (out-quart, out-expo, in-quart, linear)

Parameters:

  • category (optional): Filter by 'duration', 'easing', or 'all' (default: 'all')
  • format (optional): Output format - 'tokens', 'css', or 'tailwind' (default: 'tokens')

Source

Defined in packages/mcp/src/tools.ts. The request handler lives alongside its registration in packages/mcp/src/tools/.

Was this page helpful?

Last reviewed by @jschuyler