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.
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](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
![Leistungssteigerung verbessern](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
![Leistungssteigerung verbessern](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
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](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
![Plattformkonsistenz](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
![Plattformkonsistenz](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
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](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
![AE-Ausdrücke](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
![AE-Ausdrücke](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
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](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
Verringerte Dateigröße
Komprimieren Sie Ihre Animationen um bis zu 80% und skalieren Sie sie ohne Pixelbildung nach oben oder unten.
![Reduzierte Dateigröße](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
Verringerte Dateigröße
Komprimieren Sie Ihre Animationen um bis zu 80% und skalieren Sie sie ohne Pixelbildung nach oben oder unten.
![Reduzierte Dateigröße](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
Verringerte Dateigröße
Komprimieren Sie Ihre Animationen um bis zu 80% und skalieren Sie sie ohne Pixelbildung nach oben oder unten.
![Reduzierte Dateigröße](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
Verringerte Dateigröße
Komprimieren Sie Ihre Animationen um bis zu 80% und skalieren Sie sie ohne Pixelbildung nach oben oder unten.
![Thematisierung](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Themen
Passen Sie Ihre Animationen mühelos für den Dunkelmodus, den Hellmodus oder benutzerdefinierte Modi an.
![Thematisierung](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Themen
Passen Sie Ihre Animationen mühelos für den Dunkelmodus, den Hellmodus oder benutzerdefinierte Modi an.
![Thematisierung](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Themen
Passen Sie Ihre Animationen mühelos für den Dunkelmodus, den Hellmodus oder benutzerdefinierte Modi an.
![Thematisierung](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Themen
Passen Sie Ihre Animationen mühelos für den Dunkelmodus, den Hellmodus oder benutzerdefinierte Modi an.
![Interaktivität](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interaktivität
Neue Interaktivitätsmethoden nutzen, um ansprechende, interaktive Animationen plattformübergreifend zu erstellen.
![Interaktivität](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interaktivität
Neue Interaktivitätsmethoden nutzen, um ansprechende, interaktive Animationen plattformübergreifend zu erstellen.
![Interaktivität](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interaktivität
Neue Interaktivitätsmethoden nutzen, um ansprechende, interaktive Animationen plattformübergreifend zu erstellen.
![Interaktivität](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interaktivität
Neue Interaktivitätsmethoden nutzen, um ansprechende, interaktive Animationen plattformübergreifend zu erstellen.
![Gebündelte Pakete](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Gebündelte Pakete
Enthalten Sie mehrere Animationen und Assets in einer einzelnen dotLottie-Datei, um Verwaltung und Bereitstellung zu vereinfachen.
![Gebündelte Pakete](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Gebündelte Pakete
Enthalten Sie mehrere Animationen und Assets in einer einzelnen dotLottie-Datei, um Verwaltung und Bereitstellung zu vereinfachen.
![Gebündelte Pakete](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Gebündelte Pakete
Enthalten Sie mehrere Animationen und Assets in einer einzelnen dotLottie-Datei, um Verwaltung und Bereitstellung zu vereinfachen.
![Gebündelte Pakete](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Gebündelte Pakete
Enthalten Sie mehrere Animationen und Assets in einer einzelnen dotLottie-Datei, um Verwaltung und Bereitstellung zu vereinfachen.
![Unglaubliche Leistung](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
Leistungsindex
Unsere Laufzeiten übertreffen den aktuellen Webplayer bei weitem, wie in unserem detaillierten Leistungsindex dargestellt.
![Leistungsindex](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
Leistungsindex
Unsere Laufzeiten übertreffen den aktuellen Webplayer bei weitem, wie in unserem detaillierten Leistungsindex dargestellt.
![Leistungsindex](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
Leistungsindex
Unsere Laufzeiten übertreffen den aktuellen Webplayer bei weitem, wie in unserem detaillierten Leistungsindex dargestellt.
![Leistungsindex](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
Leistungsindex
Unsere Laufzeiten übertreffen den aktuellen Webplayer bei weitem, wie in unserem detaillierten Leistungsindex dargestellt.
![JS Bibliothek](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
JS-Bibliothek
Erstellen und steuern Sie dotLottie-Animationen mühelos mit unserer leistungsstarken JavaScript-Bibliothek.
![JS Bibliothek](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
JS-Bibliothek
Erstellen und steuern Sie dotLottie-Animationen mühelos mit unserer leistungsstarken JavaScript-Bibliothek.
![JS Bibliothek](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
JS-Bibliothek
Erstellen und steuern Sie dotLottie-Animationen mühelos mit unserer leistungsstarken JavaScript-Bibliothek.
![JS Bibliothek](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
JS-Bibliothek
Erstellen und steuern Sie dotLottie-Animationen mühelos mit unserer leistungsstarken JavaScript-Bibliothek.
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?
Zusätzliche Ressourcen
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