LottieFiles
Interactive Cat CTA Button
0:000:00
Máquinas de estado
  • dotLottie optimizadoRecomendado

    El tamaño de archivo más pequeño con compatibilidad con temas, máquinas de estados e interactividad.

    89% más pequeño que Lottie JSON
    33.2 KB
  • dotLottie

    Animación Lottie comprimida que admite temas y máquinas de estados.

    35.8 KB
  • Lottie JSON optimizado

    Formato JSON optimizado para una carga más rápida con compatibilidad estándar con Lottie.

    17% más pequeño que Lottie JSON
    242.1 KB
  • Lottie JSON

    Formato de animación Lottie estándar con amplia compatibilidad entre herramientas y plataformas.

    290.9 KB
  • SVG animadoNuevo

    Formato animado fácil de compartir para mensajería y publicaciones en redes sociales.

  • GIF

    Vídeo simple en bucle ideal para compartir rápidamente y previsualizaciones aproximadas.

  • MP4

    Formato de vídeo de alta calidad para presentaciones, redes sociales y contenido de marketing.

  • WebM

    Formato de vídeo web moderno optimizado para una carga rápida y tamaños de archivo más pequeños.

  • MOV

    Formato de vídeo de alta calidad con compatibilidad con transparencia para edición y composición.

Interacciones y complementos

Ver todo
figma
after-effects
framer
canva
webflow
wix

Gratis para usar bajo la Licencia Simple de Lottie

Animación 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.