- 21.4 KBdotLottie otimizadoRecomendado
Menor tamanho de arquivo com suporte a temas, máquinas de estado e interatividade.
85% menor que o Lottie JSON - 24.4 KBdotLottie
Animação Lottie compactada que suporta temas e máquina de estado.
- 125.4 KBLottie JSON otimizado
Formato JSON otimizado para carregamento mais rápido com suporte padrão a Lottie.
15% menor que o Lottie JSON - 147.1 KBLottie JSON
Formato de animação Lottie padrão com ampla compatibilidade entre ferramentas e plataformas.
- SVG animadoNovo
Formato animado fácil de compartilhar para mensagens e publicações em redes sociais.
- GIF
Vídeo simples em loop, ideal para compartilhamento rápido e prévias.
- MP4
Formato de vídeo de alta qualidade para apresentações, redes sociais e conteúdo de marketing.
- WebM
Formato de vídeo web moderno, otimizado para carregamento rápido e arquivos menores.
- MOV
Formato de vídeo de alta qualidade com suporte a transparência para edição e composição.
Interações e plugins
Ver todos
Livre para usar sob a Licença Lottie Simples
Animação gratuita Hover Bot
Week 2 of my State Machine Self-Challenge is here. I built a hover robot that reacts as you type your name 🤖💬 The idea was to use it on a sign-up page so as you type, the robot responds to what you’re doing in real time. Its eyes follow your pointer like it’s curious who you are, and it switches between typing, error, or success states depending on your input. Our team is working on proper pointer controls soon 👀 but for now, this is a fun little hack for tracking to make animations feel alive. If you stop typing for too long, an idle timer kicks in. Think of it like a tiny traffic light 🟢🟡🔴 that changes colors and shows random messages the longer you stay idle. Source code with the animation in action https://codepen.io/Yaamin-Mohamed/pen/QwypqNR
Week 2 of my State Machine Self-Challenge is here. I built a hover robot that reacts as you type your name 🤖💬 The idea was to use it on a sign-up page so as you type, the robot responds to what you’re doing in real time. Its eyes follow your pointer like it’s curious who you are, and it switches between typing, error, or success states depending on your input. Our team is working on proper pointer controls soon 👀 but for now, this is a fun little hack for tracking to make animations feel alive. If you stop typing for too long, an idle timer kicks in. Think of it like a tiny traffic light 🟢🟡🔴 that changes colors and shows random messages the longer you stay idle. Source code with the animation in action https://codepen.io/Yaamin-Mohamed/pen/QwypqNR