Lottie Viewer

Der Lottie Viewer bietet eine deterministische Vorschau und einen Diagnostik-Bericht für Lottie JSON-Assets. Er akzeptiert Datei-Uploads oder direkte URLs und extrahiert Kerninformationen wie Frame-Anzahl, Dauer und Asset-Referenzen. Die statische Vorschau wird ohne Einbettung in eine Anwendung erzeugt, um eine schnelle Validierung von Struktur und Timing vor der Integration zu ermöglichen. Konzeptionell validiert das Tool das JSON gemäß der Lottie-Spezifikation, löst externe Referenzen, wenn verfügbar, und berechnet ein Wiedergabefenster aus den Frame-Daten. Es kennzeichnet fehlende Assets, nicht unterstützte Features, Versionsabstimmungen und ungewöhnliche Layer-Konfigurationen, während es Details pro Layer für das Debugging sammelt. Zielnutzer sind Entwickler, QA-Ingenieure, Motion-Designer und Produktionsteams, die Animationen für mobile, Web oder eingebettete Umgebungen vorbereiten. Der Nutzen liegt in der frühzeitigen Erkennung von Datenproblemen, schnellen Vorschauen für Reviews und einem strukturierten Bericht, der den Austausch an Ingenieure oder automatisierte Pipelines unterstützt. Das Tool arbeitet leichtgewichtig, lokal-first und erfordert keine Einbindung in Produkt-Apps. Hauptfunktionen umfassen Eingabe per Datei oder URL, JSON-Parsing, Schema-Validierung, Frame-Metadaten-Extraktion, statische Render-Vorschau, Fehlerverfolgung und exportierbare Berichte. Anwendungsfälle: Preflight-Checks, Asset-Audits, Versionsvergleiche und CI-ready Metadaten-Generierung.