Install

Motion

Motion

Original Pax motion personalities and design primitives from @pax-sh/motion.

1 min readUpdated

@pax-sh/motion provides original Pax motion personalities and design primitives.

Personalities

PersonalityCharacterDuration scaleStaggerReduced motion
pax-preciseShort, confident motion with tight control and little overshoot0.940msfade, 120ms
pax-editorialMeasured entrances with graceful holds for typography-led layouts1.170msfade, 160ms
pax-pulseEnergetic interaction feedback with controlled spring response0.8530mscut, 0ms
pax-acidExpressive, loop-friendly motion with chromatic swells for shader-led scenes1.390msstatic, 0ms
pax-driftSlow ambient motion that keeps backgrounds and hero stages breathing1.6120msfade, 200ms

Each personality declares duration scaling, easing and spring preferences, stagger, intensity, and a reduced-motion substitute.

Pairing with collections

  • pax-acid drives the acid collection: plasma and orbital shader stages, acid mesh backgrounds, and expressive text effects such as component-text-glitch.
  • pax-drift suits ambient backgrounds such as component-backgrounds-aurora and long-hold hero stages.
  • pax-editorial anchors the editorial collection and templates such as template-saas-launch.

Agents can read all five personalities over MCP with the motion_personalities tool.

Motion engine

The motion engine binds semantic roles (entrance, exit, feedback, stagger, hero choreography, and others) to brand and creative direction rather than hard-coded presets.

paxfx motion plan --force
paxfx motion validate
paxfx motion inspect
paxfx motion export --format timelines

Plans live at .pax/motion-plan.json with deterministic timeline snapshots exportable to DOM, Lottie, and film segments. Reduced-motion substitutes preserve feedback and causal clarity. Inspect output reports ownership, conflicts, and performance budget status.

Schema: docs/architecture/schemas/pax-motion-plan.v1.json

Browse the live gallery at /primitives in the web app.

Was this page helpful?

Edit this page

Answers are not recorded or transmitted. Pax has no telemetry.