Lottie es una librería para integrar animaciones de gráficos vectoriales (SVG) en diferentes plataformas (web, apps, software...) que nace como un proyecto del departamento de diseño UX de Airbnb.
Pronto esta plataforma crece hasta tener numerosas herramientas integradas aparte de la propia librería que permite la ejecución como:
- Plataforma para crear animaciones online.
- Marketplace de animaciones gratuitas y de pago para creadores
- Más recursos
¿Por qué animaciones SVG?
Las animaciones de SVG son mucho más optimas para navegadores y aplicaciones, ya que el archivo de recurso consume bastante menos espacio de carga (sobretodo para sitios y aplicaciones web). Esto hace que desde micro-interacciones, hasta banners publicitarios online puedan servirse de esta herramienta para su optimización.
¿Cómo la utilizamos?
Es tan sencillo como acceder a https://lottiefiles.com/ y buscar lo que necesitas en su menú: Creator Studio, Platform, Free Animations, Premium Animations... tienes todo a tu alcance. Cuando encuentre la que necesites o hayas construido la tuya, al exportarla tendrás las opciones de las diferentes plataformas, desde integrarlo en web, Android, iOS... hasta mostrar un minireproductor embebido en web como vemos aquí arriba.