Skip to content

Inglorious Motion

CSS-First Motion for Entities

Variant lifecycle, presence orchestration, and layout transitions for @inglorious/web.

Type Composition First

Add motion as a behavior with `withMotion(config)` and keep your entities event-driven.

WAAPI by Default

Uses native `Element.animate()` and gracefully falls back when smooth tweening is unavailable.

Variant Lifecycle

Drive transitions via `motionVariantChange` and `removeWithMotion` with phase classes on the host.

Presence Orchestration

`presence.mode = "wait"` serializes exits in a group for predictable UI sequencing.

FLIP Layout Animations

Enable `layout: true` to animate position and size changes with browser-native transforms.

Shared Layout

Use `motionLayoutId` to animate between related elements across UI states.

Released under the MIT License.