Zurück zu den Motion-Snippets

Etappen-Linie

Eine Fortschrittslinie im U-Bahn-Plan-Stil: 3–5 Stationen erscheinen von links nach rechts. Erledigte bekommen einen vollen Punkt mit Haken, die aktuelle einen großen Akzentpunkt mit Pulsring und „jetzt“-Schild, offene bleiben hohl und gestrichelt. An eine offene Station lässt sich ein „versprochen“-Fähnchen stecken und mit „überfällig“ abstempeln. Oben groß „Schritt N von M“. Für „wie weit ist es“: Genehmigungen, Verfahren bis zum Urteil, Feature bis zum Launch.

Datengrafiken1080×1080 · 30 Bilder/Sek. · 6 Sek.Aus 9:16-Erklärvideo · StageTrackKostenlos

Quellcode

Nach der Anmeldung siehst du den kompletten Quellcode und kannst ihn kopieren oder das Paket herunterladen. Kostenlos.

Benötigt: Node.js 18+, Remotion 4, React 19. Am einfachsten geht es mit einem KI-Assistenten, der Dateien lesen und schreiben und Befehle ausführen kann, etwa Claude Code, Codex oder Cursor.