1. Choose your Lottie

Featured animations from our community

šŸŽ‡ Hey! Novidades do Lottie, novo projeto com mais suporte

React Lottie Player

Editando Lottie

Quando selecionar um Lottie, podemos fazer algumas alteraƧƵes pelo editor online antes de utiliza-lo em nossa aplicaĆ§Ć£o.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/de9138bb-4896-4cfe-91f9-6e59248225df/Untitled.png

Aqui podemos alterar a cor de fundo, a cor do elemento e em alguns casos atĆ© mesmo o estilo de animaĆ§Ć£o.

ApĆ³s fazer as alteraƧƵes, basta baixa o JSON modificado e usar na aplicaĆ§Ć£o:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9f6eaab1-de4d-4d22-870c-930980b843e3/Untitled.png

Resolvendo Problemas

Vou listar problemas que posso encontrar ao longo de minhas utilizaƧƵes e como solucionei.

How to use Lottie animations in a React App - LottieFiles