Velin Motion 1.3.0

Velin Motion is the Motion Design System for VelinStyle — data-driven Registry + first-class Trigger Engine (Studio-ready data). Page Motion covers DOM registry / velin-motion attributes; Clip Motion (image→clip CLI) ships separately in Motion Clips 1.3.0. CLI is only the entrypoint. Deutsch

Version history

4 releasesv1.3.0

Motion Design System: registry, triggers, policies, CLI, playground.

1.3.0ChangedClip CLI listed

Motion help / registry lists clip subcommands; see Motion clips guide.

1.2.9ChangedRC honesty

V1 triggers marked stable; V2 planned + visible fallback documented.

1.2.7NewEngine surface

Timeline / Composer, motion metrics, review/optimize, blueprint kinds (draft→docs).

1.2.6NewMotion foundation

Registry namespaces + Trigger Engine (`load` · `visible` · `hover` · …), policies, CLI list/doctor/scan.

V1 triggers are stable; planned V2 triggers fall back to `visible`. Prefer documented attrs `velin-motion` / duration / delay / ease.

Changelog Upgrading

Studio foundation

Velin Studio will later compose animations using the same data model:

Motion Registry — all building blocks: Presets · Timelines · Transitions · Physics · Composers · Triggers · Policies · Blueprints
Trigger Engine — when motion starts (velin-trigger), separate from what runs (velin-motion)

Every record has stable id, title, description, category, compatibility, status.

Motion Registry

Presets · Timelines · Transitions · Physics · Composers · Triggers · Policies · Blueprints

Compatibility: CSS Only · Runtime · Web Components · Studio · Production · Review · CLI.

Trigger Engine

Stable (V1): load · visible · hover · focus · click · scroll

Planned (V2): hidden · idle · media · container · theme · custom — registry runtime: false; runtime falls back to visible.

<div velin-motion="fade" velin-trigger="visible">

Policies

safe · reduced · marketing · minimal · accessibility · performance · disabled

CLI

velinstyle motion list|presets|doctor|scan|policy|demo
velinstyle motion analyze|review|report|optimize
velinstyle motion blueprint landing -o snippet.html
# Clip Motion (1.3.0) — see Motion Clips guide
velinstyle motion create|atelier|usage …

Playground

Gallery path: Gallery → Code → Preview → Accessibility → Performance → CLI → Studio (later). Open via velinstyle motion demo.

Releases

1.2.6 — Foundation (WIP)
1.2.7 — Engine Surface (WIP); V2 triggers planned
1.2.8 — Technical Debt (honesty)
1.2.9 — Release Candidate (version sync)
1.3.0 — Clip Motion (image→clip CLI; package @birdapi/velinstyle-motion)

Motion Clips · Motion attributes · Velin Experience · CLI reference · Production