Lottie Max

Loaders · 1.8s loop

Dual Ring

Two arcs rotating in opposite directions — heavy-compute loader

By Lottie Max Added Updated

240×240 · 30fps · 1.80s · loops

Embed it anywhere

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

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

More loaders templates

View all →