LottieFiles
toggle switch with hover and nudge
0:000:00
State Machines

Free toggle switch with hover and nudge Animation

In this instance, I've added a state machine to connect idle, hover, and toggle-state segments to the component (bypassed the nudge/face). There are 2 themes, light and dark.

In this instance, I've added a state machine to connect idle, hover, and toggle-state segments to the component (bypassed the nudge/face). There are 2 themes, light and dark.

  • Optimized dotLottieRecommended

    Smallest file size with support for themes, state machines, and interactivity.

    89% smaller than Lottie JSON
    1.9 KB
  • dotLottie

    Compressed Lottie animation that support theming and state machine.

    3 KB
  • Optimized Lottie JSON

    Optimized JSON format for faster loading with standard Lottie support.

    11% smaller than Lottie JSON
    15.6 KB
  • Lottie JSON

    Standard Lottie animation format with broad compatibility across tools and platforms.

    17.5 KB

Other export formats

Interactions & plugins

View all
figma
after-effects
framer
canva
webflow
wix

Free to use under the Lottie Simple License