Bienvenido a Lottie

Todo sobre Lottie

¿Qué es Lottie?

Lottie es un nuevo formato de animación para la web creado por el equipo de desarrollo de Airbnb. Permite mostrar animaciones muy ligeras y modernas, a través de un archivo de .json.

¿Donde puedo ver estas animaciones?

El primer lugar que te recomiendo para ver estas animaciones es https://lottiefiles.com/. Aquí encontrarás gran cantidad de animaciones creadas gratuitas y de pago. 

¿Hay más sitios con animaciones gratuitas?

Si, claro. Otro sitio que te recomiendo es Lordicon. Es una especie de libreria, parecida a FontAwesome, pero basada en íconos creados con Lottie. Si te te das prisa, puedes obtenerla gratis a través de Appsumo durante unos dias.

¿Es compatible con los navegadores actuales?

Si la gran mayoría de los navegadores actuales lo soportan

¿Funciona con WordPress o con Elementor?

Perfectamente, en el repositorio de WordPress hay varios, tanto para WordPress como para Elementor

En el futuro, Elementor soportará nativamente entre sus widgets Lottie como se anunció hace unos meses, de momento, puedes usar:

  • Animentor: es un widget sencillo que te permite subir y mostrar los json de Lottie que hayas creado o descargado.
  • Widgekit: este es un set de widgets para Elementor entre los cuales uno, te permite añadir animaciones Lottie
  • Lordicon, especialmente recomendado si usas esa librería, permite personalizar los íconos en muchos aspectos

¿Cómo puedo crear mis propias animaciones?

Lo que me llamó más la atención hace unos meses, cuando tuve noticias de este nuevo formato, fue precisamente la herramienta que lo permite crear. Es Adobe After Effects, a través de un plugin creado por la gente de Airbnb, llamado Bodymovin. Lo puedes descargar siguiendo el enlace gratis y empezar ya a crear tus propias animación.