Presentando los nuevos dotLottie Runtimes

Presentando los nuevos dotLottie Runtimes

Diseñado para rendimiento y consistencia multiplataforma

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.

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

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

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

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.

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.

Enhance performance
Enhance performance
Enhance performance

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.

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

Platform consistency
Platform consistency
Platform consistency

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.

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

AE expressions
AE expressions
AE expressions

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.

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

Integraciones robustas del marco de trabajo

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

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

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

La ventaja de dotLottie

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.

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.

Tamaño de archivo reducido

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

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

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

Tamaño de archivo reducido

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

Tematización

Tematización

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

Tematización

Tematización

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

Tematización

Tematización

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

Tematización

Tematización

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

Interactividad

Interactividad

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

Interactividad

Interactividad

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

Interactividad

Interactividad

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

Interactividad

Interactividad

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

Paquetes combinados

Paquetes combinados

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

Paquetes combinados

Paquetes combinados

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

Paquetes combinados

Paquetes combinados

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

Paquetes combinados

Paquetes combinados

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

Rendimiento inigualable

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.

Rendimiento inigualable

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.

Rendimiento inigualable

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.

Rendimiento inigualable

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

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

Índice de rendimiento

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

Índice de rendimiento

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

Índice de rendimiento

Í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

biblioteca de JS

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

biblioteca de JS

biblioteca de JS

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

biblioteca de JS

biblioteca de JS

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

biblioteca de JS

biblioteca de JS

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

Logo de Canva
Logo de Canva
Logo de Canva

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

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

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.

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

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

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

¿Cómo puedo empezar con dotLottie Runtimes?

¿Cómo puedo empezar con dotLottie Runtimes?

¿Cómo puedo empezar con dotLottie Runtimes?

¿Cómo puedo empezar con dotLottie Runtimes?

¿Cuáles son los beneficios de usar dotLottie Runtimes en lugar de los existentes?

¿Cuáles son los beneficios de usar dotLottie Runtimes en lugar de los existentes?

¿Cuáles son los beneficios de usar dotLottie Runtimes en lugar de los existentes?

¿Cuáles son los beneficios de usar dotLottie Runtimes en lugar de los existentes?

¿Hay algún tutorial o documentación disponible?

¿Hay algún tutorial o documentación disponible?

¿Hay algún tutorial o documentación disponible?

¿Hay algún tutorial o documentación disponible?

¿Cómo funciona la extensión dotLottie en comparación con .json?

¿Cómo funciona la extensión dotLottie en comparación con .json?

¿Cómo funciona la extensión dotLottie en comparación con .json?

¿Cómo funciona la extensión dotLottie en comparación con .json?

Lottie para desarrolladores

Lottie para desarrolladores

Descubre el ecosistema de Lottie para integración y herramientas para facilitar la implementación de Lottie

Descubre el ecosistema de Lottie para integración y herramientas para hacer más fácil la implementación de Lottie