Zum Hauptinhalt springen
VelinStyle v1.3.0
⌂ Home
  1. Docs
  2. Motion
  3. Velin Motion

Velin Motion 1.3.0

Velin Motion ist das Motion Design System für VelinStyle — datengetriebene Registry + First-Class Trigger Engine (Studio-ready Daten). Page Motion deckt DOM-Registry / velin-motion-Attribute ab; Clip Motion (Bild→Clip-CLI) kommt separat in Motion Clips 1.3.0. Die CLI ist nur der Einstieg. English

Versionsverlauf

4 Releasesv1.3.0

Motion Design System: Registry, Triggers, Policies, CLI, Playground.

1.3.0GeändertClip-CLI gelistet

Motion-Hilfe / Registry listet Clip-Subcommands; siehe Motion-Clips-Leitfaden.

V1-Triggers als stable markiert; V2 geplant + visible-Fallback dokumentiert.

Timeline / Composer, Motion-Metriken, Review/Optimize, Blueprint-Kinds (Draft→Docs).

Registry-Namespaces + Trigger Engine, Policies, CLI list/doctor/scan.

V1-Triggers sind stable; geplante V2-Triggers fallen auf `visible` zurück. Dokumentierte Attrs `velin-motion` / duration / delay / ease bevorzugen.

Studio-Foundation

Velin Studio wird Animationen später visuell mit dem selben Datenmodell zusammensetzen:

  1. Motion Registry — alle Bausteine: Presets · Timelines · Transitions · Physics · Composers · Triggers · Policies · Blueprints
  2. Trigger Engine — wann Motion startet (velin-trigger), getrennt vom Was (velin-motion)

Motion Registry

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

Trigger Engine

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

Geplant (V2): hidden · idle · media · container · theme · custom — Registry runtime: false; Runtime fällt auf visible zurück.

<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) — siehe Motion-Clips-Leitfaden
velinstyle motion create|atelier|usage …

Pfad: Gallery → Code → Preview → Accessibility → Performance → CLI → Studio (später). Öffnen mit velinstyle motion demo.

Releases

Motion Clips · Motion-Attribute · Velin Experience · CLI