The heart of the manifesto is the pairing of a primitive with a named principle: The Arc (Completion is arrival, not arithmetic), The Count (Numbers must feel like they mean something), The Reveal (Entering a space must be considered), The State (A component that cannot communicate its condition is broken), and The Nudge (Attention should be earned).

This shared vocabulary replaces subjective motion debates with a tested implementation. When a team discusses whether a notification should slide or fade, the answer is no longer a matter of opinion — it's a motion contract defined by the primitive's role in the system.

The implementation is fully documented through architecture constraints. We chose CSS @keyframes over JS runtimes for specific primitives like The Nudge to avoid compositor-blocking infinite animations, while useMotionValue drives the DOM natively in The Count to bypass React's render cycle entirely.

Every primitive exposes its parameters as live, adjustable controls. This allows designers and engineers to grab exact production parameters directly from the reference site, ensuring high-fidelity handoff and performance-optimized execution.

Motion Manifesto demonstrates what a mature motion system looks like at the component level. It is not a library, but a point of view. It provides a blueprint for how complex animations in production apps should be composed from small, repeatable, and intentionally combined units.

Full accessibility: useReducedMotion() is respected across all primitives. Durations collapse to zero, springs are removed, and error shakes are suppressed, ensuring the motion language remains inclusive and performant for all users.

Motion Manifesto is the public proof of that methodology.