unocss-preset-motionModern CSS motion, declaratively.

A single UnoCSS preset for View Transitions and Scroll-Driven Animations.

🎬

View Transitions API

First-class utilities for view-transition-name, view-transition-class, and the full set of ::view-transition-* pseudo-element variants.

📜

Cover the entire spec — animation-timeline, named view/scroll timelines, animation-range, timeline-scope, axis controls.

🌿

Utilities are generated on demand. Only what you use ends up in your CSS.

🧩

Drop it next to presetWind3() or presetWind4() — no conflicts, no overrides.

🎛

Define reusable named timelines in your uno.config.ts and reference them with timeline-.

♿

Opt-in respectReducedMotion wraps motion utilities in a prefers-reduced-motion media query.