Présentation des nouveaux dotLottie Runtimes

Présentation des nouveaux dotLottie Runtimes

Conçu pour la performance et la cohérence multiplateforme

Conçu pour la performance et la cohérence multiplateforme

Découvrez des animations améliorées, des temps de chargement plus rapides et un support fiable sur toutes les plateformes avec les nouveaux dotLottie Runtimes.

Découvrez des animations améliorées, des temps de chargement plus rapides et un support fiable sur toutes les plateformes avec les nouveaux dotLottie Runtimes.

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

Expérience transparente sur plusieurs plateformes

Dites adieu à la frustration des animations incohérentes sur différentes plateformes. Nos temps d'exécution dotLottie garantissent une parité de fonctionnalités sur le web, Android et iOS.

Dites adieu à la frustration des animations incohérentes sur différentes plateformes. Nos temps d'exécution dotLottie garantissent une parité de fonctionnalités sur le web, Android et iOS.

Optimiser les performances

Performances améliorées

Découvrez des animations fluides et ultra-rapides grâce à notre moteur d'exécution hautes performances optimisé, conçu pour améliorer l'efficacité sur tous les appareils.

Découvrez des animations fluides et ultra-rapides grâce à notre moteur d'exécution hautes performances optimisé, conçu pour améliorer l'efficacité sur tous les appareils.

Consistance de la plateforme

cohérence de la plateforme

Obtenez un rendu d'animation uniforme sur le web, iOS et Android, garantissant que vos animations se déroulent de manière cohérente sur toutes les plateformes.

Obtenez un rendu d'animation uniforme sur le web, iOS et Android, garantissant que vos animations se déroulent de manière cohérente sur toutes les plateformes.

Expressions AE

Expressions AE prêtes

NOUVEAU

Intégrez sans effort les expressions AE avec une prise en charge sur le Web, iOS et Android, désormais intégrée de manière transparente dans le lecteur dotLottie.

Intégrez sans effort les expressions AE avec une prise en charge sur le Web, iOS et Android, désormais intégrée de manière transparente dans le lecteur dotLottie.

Intégrations de framework robustes

Intégrations de framework robustes

Avec nos temps d'exécution, l'intégration avec divers frameworks populaires est sans effort.

Avec nos temps d'exécution, l'intégration avec divers frameworks populaires est sans effort.

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
});

L'avantage de dotLottie

L'avantage de dotLottie

Présentation de dotLottie, notre format de fichier innovant qui apporte une foule d'avantages :
taille de fichier réduite, interactivité, expressions accompagnées de thèmes et de packages groupés.

Présentation de dotLottie, notre format de fichier innovant qui apporte une multitude d'avantages : réduction de la taille du fichier, interactivité, expressions accompagnées de thèmes et de packages groupés.

Présentation de dotLottie, notre format de fichier innovant qui apporte une multitude d'avantages : réduction de la taille du fichier, interactivité, expressions accompagnées de thèmes et de packages groupés.

Taille de fichier réduite

Taille de fichier réduite

Compressez vos animations jusqu'à 80% et redimensionnez-les sans pixellisation.

Taille de fichier réduite

Taille de fichier réduite

Compressez vos animations jusqu'à 80% et redimensionnez-les sans pixellisation.

Taille de fichier réduite

Taille de fichier réduite

Compressez vos animations jusqu'à 80% et redimensionnez-les sans pixellisation.

Taille de fichier réduite

Taille de fichier réduite

Compressez vos animations jusqu'à 80% et redimensionnez-les sans pixellisation.

Personnalisation du thème

Thématisation

Adaptez facilement vos animations pour le mode sombre, le mode clair ou les modes personnalisés de l'utilisateur.

Personnalisation du thème

Thématisation

Adaptez facilement vos animations pour le mode sombre, le mode clair ou les modes personnalisés de l'utilisateur.

Personnalisation du thème

Thématisation

Adaptez facilement vos animations pour le mode sombre, le mode clair ou les modes personnalisés de l'utilisateur.

Personnalisation du thème

Thématisation

Adaptez facilement vos animations pour le mode sombre, le mode clair ou les modes personnalisés de l'utilisateur.

Interactivité

Interactivité

Tirez parti de nouvelles méthodes d'interactivité pour créer des animations engageantes et interactives sur toutes les plateformes.

Interactivité

Interactivité

Tirez parti de nouvelles méthodes d'interactivité pour créer des animations engageantes et interactives sur toutes les plateformes.

Interactivité

Interactivité

Tirez parti de nouvelles méthodes d'interactivité pour créer des animations engageantes et interactives sur toutes les plateformes.

Interactivité

Interactivité

Tirez parti de nouvelles méthodes d'interactivité pour créer des animations engageantes et interactives sur toutes les plateformes.

Forfaits groupés

Forfaits groupés

Inclure plusieurs animations et ressources dans un seul fichier dotLottie, simplifiant la gestion et le déploiement.

Forfaits groupés

Forfaits groupés

Inclure plusieurs animations et ressources dans un seul fichier dotLottie, simplifiant la gestion et le déploiement.

Forfaits groupés

Forfaits groupés

Inclure plusieurs animations et ressources dans un seul fichier dotLottie, simplifiant la gestion et le déploiement.

Forfaits groupés

Forfaits groupés

Inclure plusieurs animations et ressources dans un seul fichier dotLottie, simplifiant la gestion et le déploiement.

Des performances inégalées

Des performances inégalées

Les nouveaux moteurs d'exécution dotLottie sont alimentés par le moteur graphique hautes performances ThorVG. Avec le support du format dotLottie qui est 80% plus petit qu'un JSON normal.

Des performances inégalées

Des performances inégalées

Les nouveaux moteurs d'exécution dotLottie sont alimentés par le moteur graphique hautes performances ThorVG. Avec le support du format dotLottie qui est 80% plus petit qu'un JSON normal.

Des performances inégalées

Des performances inégalées

Les nouveaux moteurs d'exécution dotLottie sont alimentés par le moteur graphique hautes performances ThorVG. Avec le support du format dotLottie qui est 80% plus petit qu'un JSON normal.

Des performances inégalées

Des performances inégalées

Les nouveaux moteurs d'exécution dotLottie sont alimentés par le moteur graphique hautes performances ThorVG. Avec le support du format dotLottie qui est 80% plus petit qu'un JSON normal.

Index de performance

Index de performance

Nos temps d'exécution surpassent de manière significative le lecteur web actuel, comme démontré dans notre index de performance détaillé.

Index de performance

Index de performance

Nos temps d'exécution surpassent de manière significative le lecteur web actuel, comme démontré dans notre index de performance détaillé.

Index de performance

Index de performance

Nos temps d'exécution surpassent de manière significative le lecteur web actuel, comme démontré dans notre index de performance détaillé.

Index de performance

Index de performance

Nos temps d'exécution surpassent de manière significative le lecteur web actuel, comme démontré dans notre index de performance détaillé.

bibliothèque JavaScript

bibliothèque JS

Créez et contrôlez les animations dotLottie sans effort avec notre bibliothèque JavaScript puissante.

bibliothèque JavaScript

bibliothèque JS

Créez et contrôlez les animations dotLottie sans effort avec notre bibliothèque JavaScript puissante.

bibliothèque JavaScript

bibliothèque JS

Créez et contrôlez les animations dotLottie sans effort avec notre bibliothèque JavaScript puissante.

bibliothèque JavaScript

bibliothèque JS

Créez et contrôlez les animations dotLottie sans effort avec notre bibliothèque JavaScript puissante.

Logo Canva

Dans notre cas, cela a permis d'économiser environ 8 secondes, marquant une amélioration d'environ 80%. De même, en termes de mémoire, nous avons économisé environ 164 Mo, ce qui équivaut à ~70%.

Dans notre cas, cela a permis d'économiser environ 8 secondes, marquant une amélioration d'environ 80%. De même, en termes de mémoire, nous avons économisé environ 164 Mo, ce qui équivaut à ~70%.

FAQs

Quelles plateformes et frameworks sont supportés?

Nos Runtimes dotLottie prennent en charge le web, Android, iOS, les appareils embarqués comme LVGL, et les frameworks populaires tels que React, Node.js, Vue.js, et plus encore.

Quelles plateformes et frameworks sont supportés?

Nos Runtimes dotLottie prennent en charge le web, Android, iOS, les appareils embarqués comme LVGL, et les frameworks populaires tels que React, Node.js, Vue.js, et plus encore.

Quelles plateformes et frameworks sont supportés?

Nos Runtimes dotLottie prennent en charge le web, Android, iOS, les appareils embarqués comme LVGL, et les frameworks populaires tels que React, Node.js, Vue.js, et plus encore.

Quelles plateformes et frameworks sont supportés?

Nos Runtimes dotLottie prennent en charge le web, Android, iOS, les appareils embarqués comme LVGL, et les frameworks populaires tels que React, Node.js, Vue.js, et plus encore.

Comment puis-je commencer avec dotLottie Runtimes?

Comment puis-je commencer avec dotLottie Runtimes?

Comment puis-je commencer avec dotLottie Runtimes?

Comment puis-je commencer avec dotLottie Runtimes?

Quels sont les avantages d'utiliser dotLottie Runtimes par rapport aux solutions existantes?

Quels sont les avantages d'utiliser dotLottie Runtimes par rapport aux solutions existantes?

Quels sont les avantages d'utiliser dotLottie Runtimes par rapport aux solutions existantes?

Quels sont les avantages d'utiliser dotLottie Runtimes par rapport aux solutions existantes?

Y a-t-il des tutoriels ou de la documentation disponible ?

Y a-t-il des tutoriels ou de la documentation disponible ?

Y a-t-il des tutoriels ou de la documentation disponible ?

Y a-t-il des tutoriels ou de la documentation disponible ?

Comment fonctionne l'extension dotLottie par rapport à .json ?

Comment fonctionne l'extension dotLottie par rapport à .json ?

Comment fonctionne l'extension dotLottie par rapport à .json ?

Comment fonctionne l'extension dotLottie par rapport à .json ?

Lottie pour les développeurs

Lottie pour les développeurs

Découvrez l'écosystème Lottie pour l'intégration et les outils
pour faciliter la mise en œuvre de Lottie

Découvrez l'écosystème Lottie pour l'intégration et les outils facilitant la mise en œuvre de Lottie