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.
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](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
![Optimiser les performances](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
![Optimiser les performances](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
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](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
![Consistance de la plateforme](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
![Consistance de la plateforme](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
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](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
![Expressions AE](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
![Expressions AE](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
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](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
Taille de fichier réduite
Compressez vos animations jusqu'à 80% et redimensionnez-les sans pixellisation.
![Taille de fichier réduite](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
Taille de fichier réduite
Compressez vos animations jusqu'à 80% et redimensionnez-les sans pixellisation.
![Taille de fichier réduite](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
Taille de fichier réduite
Compressez vos animations jusqu'à 80% et redimensionnez-les sans pixellisation.
![Taille de fichier réduite](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
Taille de fichier réduite
Compressez vos animations jusqu'à 80% et redimensionnez-les sans pixellisation.
![Personnalisation du thème](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
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](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
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](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
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](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Thématisation
Adaptez facilement vos animations pour le mode sombre, le mode clair ou les modes personnalisés de l'utilisateur.
![Interactivité](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interactivité
Tirez parti de nouvelles méthodes d'interactivité pour créer des animations engageantes et interactives sur toutes les plateformes.
![Interactivité](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interactivité
Tirez parti de nouvelles méthodes d'interactivité pour créer des animations engageantes et interactives sur toutes les plateformes.
![Interactivité](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interactivité
Tirez parti de nouvelles méthodes d'interactivité pour créer des animations engageantes et interactives sur toutes les plateformes.
![Interactivité](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interactivité
Tirez parti de nouvelles méthodes d'interactivité pour créer des animations engageantes et interactives sur toutes les plateformes.
![Forfaits groupés](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Forfaits groupés
Inclure plusieurs animations et ressources dans un seul fichier dotLottie, simplifiant la gestion et le déploiement.
![Forfaits groupés](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Forfaits groupés
Inclure plusieurs animations et ressources dans un seul fichier dotLottie, simplifiant la gestion et le déploiement.
![Forfaits groupés](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Forfaits groupés
Inclure plusieurs animations et ressources dans un seul fichier dotLottie, simplifiant la gestion et le déploiement.
![Forfaits groupés](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
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](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
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](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
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](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
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](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
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](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
bibliothèque JS
Créez et contrôlez les animations dotLottie sans effort avec notre bibliothèque JavaScript puissante.
![bibliothèque JavaScript](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
bibliothèque JS
Créez et contrôlez les animations dotLottie sans effort avec notre bibliothèque JavaScript puissante.
![bibliothèque JavaScript](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
bibliothèque JS
Créez et contrôlez les animations dotLottie sans effort avec notre bibliothèque JavaScript puissante.
![bibliothèque JavaScript](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
bibliothèque JS
Créez et contrôlez les animations dotLottie sans effort avec notre bibliothèque JavaScript puissante.
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 ?
Ressources supplémentaires
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