⌘K

Presentando los nuevos dotLottie Runtimes

Diseñado para rendimiento y consistencia multiplataforma

Experimenta animaciones mejoradas, tiempos de carga más rápidos y un soporte fiable

multiplataforma con los nuevos tiempos de ejecución de dotLottie.

Experience enhanced animations, faster load times, and reliable

cross-platform support with the new dotLottie Runtimes.

Visit Developer Portal

Experiencia perfecta en múltiples plataformas

Di adiós a la frustración de animaciones inconsistentes en todas las plataformas. Nuestros Runtimes de dotLottie garantizan la paridad de funciones en la web, Android y iOS.

Rendimiento mejorado

Experimenta animaciones suaves y ultrarrápidas con nuestra ejecución de alto rendimiento optimizada, diseñada para mejorar la eficiencia en todos los dispositivos.

Estudio de caso de Canva

Página de prueba de rendimiento

Consistencia de la plataforma

Logra una representación uniforme de animaciones en web, iOS y Android, asegurando que tus animaciones funcionen de manera consistente en todas las plataformas.

Funciones compatibles

Expresiones de AE listas

NUEVO

Integra sin esfuerzo las Expresiones de AE con soporte en web, iOS y Android, ahora incorporadas de forma perfecta en el reproductor dotLottie.

Integraciones robustas del marco de trabajo

Con nuestros tiempos de ejecución, la integración con varios marcos populares es sencilla.

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

La ventaja de dotLottie

Presentamos dotLottie, nuestro innovador formato de archivo que aporta una serie de beneficios:
tamaño de archivo reducido, interactividad, expresiones junto con temas y paquetes incluidos.

Os presentamos dotLottie, nuestro innovador formato de archivo que ofrece una serie de ventajas: reducción del tamaño del archivo, interactividad, expresiones junto con personalización y paquetes incluidos.

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

Tamaño de archivo reducido

Comprima sus animaciones hasta un 80% y escálelas hacia arriba o hacia abajo sin pixelación.

Tamaño de archivo reducido

Comprima sus animaciones hasta un 80% y escálelas hacia arriba o hacia abajo sin pixelación.

Tematización

Adapta tus animaciones sin esfuerzo para el modo oscuro, el modo claro o los modos personalizados del usuario.

Interactividad

Aproveche los nuevos métodos de interactividad para crear animaciones atractivas e interactivas en todas las plataformas.

Paquetes combinados

Incluya múltiples animaciones y activos en un solo archivo dotLottie, simplificando la gestión y el despliegue.

Rendimiento incomparable

Las nuevas runtimes de dotLottie están impulsadas por el motor gráfico de alto rendimiento ThorVG. Con soporte para el formato dotLottie, que es un 80% más pequeño que un JSON normal.

Índice de rendimiento

Nuestros tiempos de ejecución superan al reproductor web actual en gran medida, como se demuestra en nuestro detallado índice de rendimiento.

biblioteca de JS

Cree y controle animaciones dotLottie sin esfuerzo con nuestra potente biblioteca de JavaScript.

En nuestro caso, esto condujo a ahorrar aproximadamente 8 segundos, marcando una mejora de alrededor del 80%. Del mismo modo, en términos de memoria, ahorramos aproximadamente 164MB, lo que equivale a ~70%.

Aprende cómo lo hizo Canva

FAQs

¿Qué plataformas y frameworks son compatibles?

Nuestros dotLottie Runtimes son compatibles con web, Android, iOS, dispositivos integrados como LVGL, y frameworks populares como React, Node.js, Vue.js y más.