- 21.4 KBdotLottie optimiséRecommandé
Taille de fichier la plus petite avec prise en charge des thèmes, des machines à états et de l'interactivité.
85 % plus petit que Lottie JSON - 24.4 KBdotLottie
Animation Lottie compressée qui prend en charge les thèmes et les machines à états.
- 125.4 KBLottie JSON optimisé
Format JSON optimisé pour un chargement plus rapide avec une prise en charge Lottie standard.
15 % plus petit que Lottie JSON - 147.1 KBLottie JSON
Format d'animation Lottie standard avec une large compatibilité entre les outils et les plateformes.
- SVG animéNouveau
Format animé facile à partager pour la messagerie et les publications sur les réseaux sociaux.
- GIF
Vidéo en boucle simple idéale pour un partage rapide et des aperçus sommaires.
- MP4
Format vidéo de haute qualité pour les présentations, les réseaux sociaux et le contenu marketing.
- WebM
Format vidéo web moderne optimisé pour un chargement rapide et des fichiers de plus petite taille.
- MOV
Format vidéo de haute qualité avec prise en charge de la transparence pour le montage et le compositing.
Interactions et plugins
Voir tout
Gratuit à utiliser sous la licence Lottie Simple
Animation gratuite 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