Vorstellung der neuen dotLottie Runtimes

Vorstellung der neuen dotLottie Runtimes

Entwickelt für Leistung und plattformübergreifende Konsistenz

Entwickelt für Leistung und plattformübergreifende Konsistenz

Erleben Sie verbesserte Animationen, schnellere Ladezeiten und zuverlässige

plattformübergreifende Unterstützung mit den neuen dotLottie-Laufzeiten.

Erleben Sie verbesserte Animationen, schnellere Ladezeiten und zuverlässige

plattformübergreifende Unterstützung mit den neuen dotLottie-Laufzeiten.

Web JS
Web JS
Web JS
React
React
React
Vue JS
Vue JS
Vue JS
Svelte
Svelte
Svelte
iOS
iOS
iOS
Android
Android
Android

Nahtloses plattformübergreifendes Erlebnis

Sagen Sie auf Wiedersehen zu der Frustration von inkonsistenten Animationen auf verschiedenen Plattformen. Unsere DotLottie Runtimes gewährleisten Funktionsparität auf Web, Android und iOS.

Sagen Sie auf Wiedersehen zu der Frustration von inkonsistenten Animationen auf verschiedenen Plattformen. Unsere DotLottie Runtimes gewährleisten Funktionsparität auf Web, Android und iOS.

Leistungssteigerung verbessern

Verbesserte Leistung

Erleben Sie blitzschnelle, flüssige Animationen mit unserer optimierten Hochleistungs-Laufzeitumgebung, die darauf ausgelegt ist, die Effizienz auf allen Geräten zu steigern.

Erleben Sie blitzschnelle, flüssige Animationen mit unserer optimierten Hochleistungs-Laufzeitumgebung, die darauf ausgelegt ist, die Effizienz auf allen Geräten zu steigern.

Plattformkonsistenz

Plattformkonsistenz

Erreichen Sie eine gleichmäßige Animation auf Web, iOS und Android, um sicherzustellen, dass Ihre Animationen auf allen Plattformen konsistent ausgeführt werden.

Erreichen Sie eine gleichmäßige Animation auf Web, iOS und Android, um sicherzustellen, dass Ihre Animationen auf allen Plattformen konsistent ausgeführt werden.

AE-Ausdrücke

AE Expressions bereit

NEU

AE-Expressionen lassen sich mühelos in den dotLottie-Player integrieren – mit Unterstützung auf Web, iOS und Android.

AE-Expressionen lassen sich mühelos in den dotLottie-Player integrieren – mit Unterstützung auf Web, iOS und Android.

Robuste Framework-Integrationen

Robuste Framework-Integrationen

Mit unseren Laufzeiten ist die Integration mit verschiedenen beliebten Frameworks mühelos.

Mit unseren Laufzeiten ist die Integration mit verschiedenen beliebten Frameworks mühelos.

Web

React

VueJS

Svelte

iOS

Android

import { DotLottie } from '@lottiefiles/dotlottie-web';

const dotLottie = new DotLottie({
    autoplay: true,
    loop: true,
    canvas: document.querySelector('#dotlottie-canvas'),
    src: "https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie", // or .json file
});

Web

React

VueJS

Svelte

iOS

Android

import { DotLottie } from '@lottiefiles/dotlottie-web';

const dotLottie = new DotLottie({
    autoplay: true,
    loop: true,
    canvas: document.querySelector('#dotlottie-canvas'),
    src: "https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie", // or .json file
});

Web

React

VueJS

Svelte

iOS

Android

import { DotLottie } from '@lottiefiles/dotlottie-web';

const dotLottie = new DotLottie({
    autoplay: true,
    loop: true,
    canvas: document.querySelector('#dotlottie-canvas'),
    src: "https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie", // or .json file
});

Der dotLottie-Vorteil

Der dotLottie-Vorteil

Die Einführung von dotLottie, unserem innovativen Dateiformat, das eine Vielzahl von Vorteilen bietet:
verringerte Dateigröße, Interaktivität, Ausdrücke neben Design und gebündelte Pakete.

Stellen Sie dotLottie vor, unser innovatives Dateiformat, das eine Reihe von Vorteilen bietet: reduzierte Dateigröße, Interaktivität, Ausdrücke neben Theming und gebündelte Pakete.

Stellen Sie dotLottie vor, unser innovatives Dateiformat, das eine Reihe von Vorteilen bietet: reduzierte Dateigröße, Interaktivität, Ausdrücke neben Theming und gebündelte Pakete.

Reduzierte Dateigröße

Verringerte Dateigröße

Komprimieren Sie Ihre Animationen um bis zu 80% und skalieren Sie sie ohne Pixelbildung nach oben oder unten.

Reduzierte Dateigröße

Verringerte Dateigröße

Komprimieren Sie Ihre Animationen um bis zu 80% und skalieren Sie sie ohne Pixelbildung nach oben oder unten.

Reduzierte Dateigröße

Verringerte Dateigröße

Komprimieren Sie Ihre Animationen um bis zu 80% und skalieren Sie sie ohne Pixelbildung nach oben oder unten.

Reduzierte Dateigröße

Verringerte Dateigröße

Komprimieren Sie Ihre Animationen um bis zu 80% und skalieren Sie sie ohne Pixelbildung nach oben oder unten.

Thematisierung

Themen

Passen Sie Ihre Animationen mühelos für den Dunkelmodus, den Hellmodus oder benutzerdefinierte Modi an.

Thematisierung

Themen

Passen Sie Ihre Animationen mühelos für den Dunkelmodus, den Hellmodus oder benutzerdefinierte Modi an.

Thematisierung

Themen

Passen Sie Ihre Animationen mühelos für den Dunkelmodus, den Hellmodus oder benutzerdefinierte Modi an.

Thematisierung

Themen

Passen Sie Ihre Animationen mühelos für den Dunkelmodus, den Hellmodus oder benutzerdefinierte Modi an.

Interaktivität

Interaktivität

Neue Interaktivitätsmethoden nutzen, um ansprechende, interaktive Animationen plattformübergreifend zu erstellen.

Interaktivität

Interaktivität

Neue Interaktivitätsmethoden nutzen, um ansprechende, interaktive Animationen plattformübergreifend zu erstellen.

Interaktivität

Interaktivität

Neue Interaktivitätsmethoden nutzen, um ansprechende, interaktive Animationen plattformübergreifend zu erstellen.

Interaktivität

Interaktivität

Neue Interaktivitätsmethoden nutzen, um ansprechende, interaktive Animationen plattformübergreifend zu erstellen.

Gebündelte Pakete

Gebündelte Pakete

Enthalten Sie mehrere Animationen und Assets in einer einzelnen dotLottie-Datei, um Verwaltung und Bereitstellung zu vereinfachen.

Gebündelte Pakete

Gebündelte Pakete

Enthalten Sie mehrere Animationen und Assets in einer einzelnen dotLottie-Datei, um Verwaltung und Bereitstellung zu vereinfachen.

Gebündelte Pakete

Gebündelte Pakete

Enthalten Sie mehrere Animationen und Assets in einer einzelnen dotLottie-Datei, um Verwaltung und Bereitstellung zu vereinfachen.

Gebündelte Pakete

Gebündelte Pakete

Enthalten Sie mehrere Animationen und Assets in einer einzelnen dotLottie-Datei, um Verwaltung und Bereitstellung zu vereinfachen.

Unglaubliche Leistung

Herausragende Leistung

Die neuen dotLottie-Laufzeiten werden von der leistungsstarken Grafik-Engine ThorVG betrieben. Mit Unterstützung für das dotLottie-Format, das 80% kleiner ist als ein normales JSON.

Unglaubliche Leistung

Herausragende Leistung

Die neuen dotLottie-Laufzeiten werden von der leistungsstarken Grafik-Engine ThorVG betrieben. Mit Unterstützung für das dotLottie-Format, das 80% kleiner ist als ein normales JSON.

Unglaubliche Leistung

Herausragende Leistung

Die neuen dotLottie-Laufzeiten werden von der leistungsstarken Grafik-Engine ThorVG betrieben. Mit Unterstützung für das dotLottie-Format, das 80% kleiner ist als ein normales JSON.

Unglaubliche Leistung

Herausragende Leistung

Die neuen dotLottie-Laufzeiten werden von der leistungsstarken Grafik-Engine ThorVG betrieben. Mit Unterstützung für das dotLottie-Format, das 80% kleiner ist als ein normales JSON.

Leistungsindex

Leistungsindex

Unsere Laufzeiten übertreffen den aktuellen Webplayer bei weitem, wie in unserem detaillierten Leistungsindex dargestellt.

Leistungsindex

Leistungsindex

Unsere Laufzeiten übertreffen den aktuellen Webplayer bei weitem, wie in unserem detaillierten Leistungsindex dargestellt.

Leistungsindex

Leistungsindex

Unsere Laufzeiten übertreffen den aktuellen Webplayer bei weitem, wie in unserem detaillierten Leistungsindex dargestellt.

Leistungsindex

Leistungsindex

Unsere Laufzeiten übertreffen den aktuellen Webplayer bei weitem, wie in unserem detaillierten Leistungsindex dargestellt.

JS Bibliothek

JS-Bibliothek

Erstellen und steuern Sie dotLottie-Animationen mühelos mit unserer leistungsstarken JavaScript-Bibliothek.

JS Bibliothek

JS-Bibliothek

Erstellen und steuern Sie dotLottie-Animationen mühelos mit unserer leistungsstarken JavaScript-Bibliothek.

JS Bibliothek

JS-Bibliothek

Erstellen und steuern Sie dotLottie-Animationen mühelos mit unserer leistungsstarken JavaScript-Bibliothek.

JS Bibliothek

JS-Bibliothek

Erstellen und steuern Sie dotLottie-Animationen mühelos mit unserer leistungsstarken JavaScript-Bibliothek.

Canva Logo

In unserem Fall führte dies zu einer Ersparnis von ca. 8 Sekunden, was eine Verbesserung um rund 80% darstellt. Ebenso haben wir in Bezug auf den Speicherplatz ca. 164MB eingespart, was etwa ~70% entspricht.

In unserem Fall führte dies zu einer Ersparnis von ca. 8 Sekunden, was eine Verbesserung um rund 80% darstellt. Ebenso haben wir in Bezug auf den Speicherplatz ca. 164MB eingespart, was etwa ~70% entspricht.

FAQs

Welche Plattformen und Frameworks werden unterstützt?

Unsere dotLottie-Runtimes unterstützen Web, Android, iOS, eingebettete Geräte wie LVGL und beliebte Frameworks wie React, Node.js, Vue.js und mehr.

Welche Plattformen und Frameworks werden unterstützt?

Unsere dotLottie-Runtimes unterstützen Web, Android, iOS, eingebettete Geräte wie LVGL und beliebte Frameworks wie React, Node.js, Vue.js und mehr.

Welche Plattformen und Frameworks werden unterstützt?

Unsere dotLottie-Runtimes unterstützen Web, Android, iOS, eingebettete Geräte wie LVGL und beliebte Frameworks wie React, Node.js, Vue.js und mehr.

Welche Plattformen und Frameworks werden unterstützt?

Unsere dotLottie-Runtimes unterstützen Web, Android, iOS, eingebettete Geräte wie LVGL und beliebte Frameworks wie React, Node.js, Vue.js und mehr.

Wie fange ich mit den dotLottie-Runtimes an?

Wie fange ich mit den dotLottie-Runtimes an?

Wie fange ich mit den dotLottie-Runtimes an?

Wie fange ich mit den dotLottie-Runtimes an?

Was sind die Vorteile der Verwendung von dotLottie Runtimes gegenüber bestehenden?

Was sind die Vorteile der Verwendung von dotLottie Runtimes gegenüber bestehenden?

Was sind die Vorteile der Verwendung von dotLottie Runtimes gegenüber bestehenden?

Was sind die Vorteile der Verwendung von dotLottie Runtimes gegenüber bestehenden?

Gibt es irgendwelche Tutorials oder Dokumentationen verfügbar?

Gibt es irgendwelche Tutorials oder Dokumentationen verfügbar?

Gibt es irgendwelche Tutorials oder Dokumentationen verfügbar?

Gibt es irgendwelche Tutorials oder Dokumentationen verfügbar?

Wie funktioniert die dotLottie-Erweiterung im Vergleich zu .json?

Wie funktioniert die dotLottie-Erweiterung im Vergleich zu .json?

Wie funktioniert die dotLottie-Erweiterung im Vergleich zu .json?

Wie funktioniert die dotLottie-Erweiterung im Vergleich zu .json?

Lottie für Entwickler

Lottie für Entwickler

Entdecken Sie das Lottie-Ökosystem für Integration und Tools, um die Implementierung von Lottie zu erleichtern

Entdecke das Lottie-Ökosystem für Integration und Tools, um die Implementierung von Lottie zu erleichtern