# Design Idea: Lottie Toggles

*By LottieFiles · November 5, 2020*

Get inspired by the different toggle designs Lottie animators are creating today.

---

Turning things on and off, we do it all the time, but how can you enhance the experience of users who are switching things up? While toggles are already a great UI tool to mimic switches like in the real world, they can also work to bring things even more to life when animated.

So how many ways can you animate a toggle? With enough creativity, the possibilities are endless, but don't take our word for it, see below what some of the designers sharing their creations free on LottieFiles have done.

[An eggcellent toggle by Chris Gannon](https://embed.lottiefiles.com/animation/21193)

[Jelly toggle by Robert Zygmuntowski](https://embed.lottiefiles.com/animation/17215)

[A monster toggle Inspired by the work of Dmitry Romanovich by Artem Peretrukhin](https://embed.lottiefiles.com/animation/29923)

[A toggle that can be mapped to user interaction by Travis Krause](https://embed.lottiefiles.com/animation/29220)

[Toggle by Jacques Mauriac](https://embed.lottiefiles.com/animation/1307)

[Fruity toggle by Chris Gannon](https://embed.lottiefiles.com/animation/909)

[Toggle by Marco Martina](https://embed.lottiefiles.com/animation/20892)

[Heart toggle by Ahila Pillai](https://embed.lottiefiles.com/animation/27574)

[Toggle by Javiera Craig](https://embed.lottiefiles.com/animation/6175)

[Day and night toggle by Rob Diaz](https://embed.lottiefiles.com/animation/4928)

[Toggle by Sujan Rai](https://embed.lottiefiles.com/animation/30959)

[Toggle by Chris Gannon](https://embed.lottiefiles.com/animation/440)

[Light mode dark mode toggle by UX Animation](https://embed.lottiefiles.com/animation/35253)

And here are a whole bunch of permission toggles by LottieFiles

[Embedded content](https://embed.lottiefiles.com/animation/10576)

[Embedded content](https://embed.lottiefiles.com/animation/10575)

[Embedded content](https://embed.lottiefiles.com/animation/10574)

[Embedded content](https://embed.lottiefiles.com/animation/10573)

[Embedded content](https://embed.lottiefiles.com/animation/10572)

[Embedded content](https://embed.lottiefiles.com/animation/10571)

[Embedded content](https://embed.lottiefiles.com/animation/10570)

[Embedded content](https://embed.lottiefiles.com/animation/10569)

[Embedded content](https://embed.lottiefiles.com/animation/10568)

Discover other toggle animations

---

## Related Articles

- [Motion Is the One Discipline You Can Feel but Can’t Measure](/blog/design-guides-and-tips/motion-is-the-one-discipline-you-can-feel-but-cant-measure)
- [How to Document Motion in Your Design System: A Step-by-Step Guide](/blog/designing-with-lottie-animations/how-to-document-motion-in-your-design-system-a-step-by-step-guide)
- [The Evolution of Lottie: Why dotLottie Is the New Baseline](/blog/dotlottie/the-evolution-of-lottie-why-dotlottie-is-the-new-baseline)
- [Implement State Machines on the Web: A Guide](/blog/working-with-lottie-animations/how-to-implement-dotlottie-state-machines-on-the-web)