LottieFiles
Interactive Cat CTA Button
0:000:00
Máquinas de Estado
  • dotLottie otimizadoRecomendado

    Menor tamanho de arquivo com suporte a temas, máquinas de estado e interatividade.

    89% menor que o Lottie JSON
    33.2 KB
  • dotLottie

    Animação Lottie compactada que suporta temas e máquina de estado.

    35.8 KB
  • Lottie JSON otimizado

    Formato JSON otimizado para carregamento mais rápido com suporte padrão a Lottie.

    17% menor que o Lottie JSON
    242.1 KB
  • Lottie JSON

    Formato de animação Lottie padrão com ampla compatibilidade entre ferramentas e plataformas.

    290.9 KB
  • 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
figma
after-effects
framer
canva
webflow
wix

Livre para usar sob a Licença Lottie Simples

Animação gratuita 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.