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.
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](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
![Enhance performance](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
![Enhance performance](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
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](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
![Platform consistency](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
![Platform consistency](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
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](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
![AE expressions](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
![AE expressions](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
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](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
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](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
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](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
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](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
Tamaño de archivo reducido
Comprima sus animaciones hasta un 80% y escálelas hacia arriba o hacia abajo sin pixelación.
![Tematización](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Tematización
Adapta tus animaciones sin esfuerzo para el modo oscuro, el modo claro o los modos personalizados del usuario.
![Tematización](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Tematización
Adapta tus animaciones sin esfuerzo para el modo oscuro, el modo claro o los modos personalizados del usuario.
![Tematización](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Tematización
Adapta tus animaciones sin esfuerzo para el modo oscuro, el modo claro o los modos personalizados del usuario.
![Tematización](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Tematización
Adapta tus animaciones sin esfuerzo para el modo oscuro, el modo claro o los modos personalizados del usuario.
![Interactividad](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interactividad
Aproveche los nuevos métodos de interactividad para crear animaciones atractivas e interactivas en todas las plataformas.
![Interactividad](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interactividad
Aproveche los nuevos métodos de interactividad para crear animaciones atractivas e interactivas en todas las plataformas.
![Interactividad](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interactividad
Aproveche los nuevos métodos de interactividad para crear animaciones atractivas e interactivas en todas las plataformas.
![Interactividad](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interactividad
Aproveche los nuevos métodos de interactividad para crear animaciones atractivas e interactivas en todas las plataformas.
![Paquetes combinados](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Paquetes combinados
Incluya múltiples animaciones y activos en un solo archivo dotLottie, simplificando la gestión y el despliegue.
![Paquetes combinados](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Paquetes combinados
Incluya múltiples animaciones y activos en un solo archivo dotLottie, simplificando la gestión y el despliegue.
![Paquetes combinados](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Paquetes combinados
Incluya múltiples animaciones y activos en un solo archivo dotLottie, simplificando la gestión y el despliegue.
![Paquetes combinados](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Paquetes combinados
Incluya múltiples animaciones y activos en un solo archivo dotLottie, simplificando la gestión y el despliegue.
![Rendimiento inigualable](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
Í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](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
Í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](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
Í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](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
Í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](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
biblioteca de JS
Cree y controle animaciones dotLottie sin esfuerzo con nuestra potente biblioteca de JavaScript.
![biblioteca de JS](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
biblioteca de JS
Cree y controle animaciones dotLottie sin esfuerzo con nuestra potente biblioteca de JavaScript.
![biblioteca de JS](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
biblioteca de JS
Cree y controle animaciones dotLottie sin esfuerzo con nuestra potente biblioteca de JavaScript.
![biblioteca de JS](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
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%.
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?
Recursos adicionales
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