UI · 2s loop

Toggle Switch

Pill switch flips off → on with colour shift — settings interactions

By Lottie Max Added Jun 11, 2026

280×140 · 30fps · 2.00s · loops

Embed it anywhere

Paste the snippet into any HTML page. The animation loads from /templates/toggle-switch.json — host it yourself or hot-link from lottiemax.com.

Embed · Toggle Switch

<script src="https://unpkg.com/lottie-web@latest/build/player/lottie.min.js"></script>
<div id="lottie-toggle-switch" style="width:280px;height:140px;"></div>
<script>
  lottie.loadAnimation({
    container: document.getElementById('lottie-toggle-switch'),
    renderer: 'svg',
    loop: true,
    autoplay: true,
    path: 'https://lottiemax.com/templates/toggle-switch.json',
  });
</script>