LottieFiles
AI file creation
0:000:00
State Machines

Free AI file creation Animation

This Lottie animation begins by playing an initial segment automatically. When the user clicks the button, the animation toggles between the play and pause segments, switching back and forth with every click. This creates an interactive play–pause button effect controlled entirely through segment playback.

This Lottie animation begins by playing an initial segment automatically. When the user clicks the button, the animation toggles between the play and pause segments, switching back and forth with every click. This creates an interactive play–pause button effect controlled entirely through segment playback.

  • Optimized dotLottieRecommended
    2 KB

    Smallest file size with themes and interactivity.

    89% smaller than Lottie JSON
  • dotLottie
    2.4 KB

    Compressed, supports theming and states.

  • Optimized Lottie JSON
    16.7 KB

    Optimized JSON for faster loading.

    8% smaller than Lottie JSON
  • Lottie JSON
    18.2 KB

    Standard Lottie format, broad compatibility.

Other export formats

Interactions & plugins

View all
figma
after-effects
framer
canva
webflow
wix

Free to use under the Lottie Simple License

Animation Tags