LottieFiles
Interactive Cat CTA Button
0:000:00
Machines d'état

Animation gratuite Interactive Cat CTA Button

A fun and playful interactive Call-To-Action (CTA) animation built with LottieFiles State Machine. The cat hangs on the “Get Started” button, follows the user’s cursor with its eyes, and reacts to every action — hover, click, or focus. Hover over the cat, and it frowns. Click on the cat, and it gives attitude. Hover over the button, and it lights up while the cat blushes. Click the button, and hearts fly out as the cat beams with joy. This animation shows how State Machines can turn ordinary UI elements into delightful, personality-packed experiences.

A fun and playful interactive Call-To-Action (CTA) animation built with LottieFiles State Machine. The cat hangs on the “Get Started” button, follows the user’s cursor with its eyes, and reacts to every action — hover, click, or focus. Hover over the cat, and it frowns. Click on the cat, and it gives attitude. Hover over the button, and it lights up while the cat blushes. Click the button, and hearts fly out as the cat beams with joy. This animation shows how State Machines can turn ordinary UI elements into delightful, personality-packed experiences.

  • dotLottie optimiséRecommandé
    33.2 KB

    Taille de fichier la plus petite avec prise en charge des thèmes, des machines à états et de l'interactivité.

    89 % plus petit que Lottie JSON
  • dotLottie
    35.8 KB

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

  • Lottie JSON optimisé
    242.1 KB

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

    17 % plus petit que Lottie JSON
  • Lottie JSON
    290.9 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