LottieFiles
Hover Bot
0:000:00
Machines d'état

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

  • dotLottie optimiséRecommandé
    21.4 KB

    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
  • dotLottie
    24.4 KB

    Animation Lottie compressée qui prend en charge les thèmes et les machines à états.

  • Lottie JSON optimisé
    125.4 KB

    Format JSON optimisé pour un chargement plus rapide avec une prise en charge Lottie standard.

    15 % plus petit que Lottie JSON
  • Lottie JSON
    147.1 KB

    Format d'animation Lottie standard avec une large compatibilité entre les outils et les plateformes.

Other export formats

Interactions et plugins

Voir tout
figma
after-effects
framer
canva
webflow
wix

Gratuit à utiliser sous la licence Lottie Simple