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

Studio foundation

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

1. Motion Registry — all building blocks: Presets · Timelines · Transitions · Physics · Composers · Triggers · Policies · Blueprints
2. 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)

Related

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