⌘K

Présentation des nouveaux dotLottie Runtimes

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.

Experience enhanced animations, faster load times, and reliable

cross-platform support with the new dotLottie Runtimes.

Visit Developer Portal

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.

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.

Étude de cas Canva

Page de test de performance

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.

Fonctionnalités prises en charge

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égrations de framework robustes

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

Web

React

VueJS

Svelte

React Native

Flutter

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

React Native

Flutter

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

React Native

Flutter

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

Visit Developer Portal

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.

Introducing dotLottie, our innovative file format that brings a host of benefits: reduced file size, interactivity, expressions alongside theming and bundled packages.

Taille de fichier réduite

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

Taille de fichier réduite

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

Thématisation

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

Interactivité

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

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

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

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 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%.

Apprenez comment Canva l'a fait

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.