Motion

Set data-motion on any container:

<div data-motion="full">…</div>

Value	Result
`default`	Standard component motion
`none`	Decorative Manti motion is removed
`full`	Expressive spring and bounce motion

Nested values override their ancestor. The Spinner keeps its functional rotation in none.

Tokens

Durations:

--manti-duration-fast
--manti-duration-base
--manti-duration-slow
--manti-duration-slower

Easing:

--manti-ease-smooth
--manti-ease-soft
--manti-ease-spring
--manti-ease-bounce

.panel {
  transition:
    transform var(--manti-duration-base) var(--manti-ease-smooth),
    opacity var(--manti-duration-fast) var(--manti-ease-soft);
}

prefers-reduced-motion: reduce overrides every tier, including full.

Last updated 13 September 2026