Showcase · 6s loop

Cosmic Orbit

Three planets orbit a pulsing sun over a slow-twinkling starfield

By Lottie Max Added Jun 12, 2026

540×540 · 30fps · 6.00s · loops

Inspiration

A nod to classic solar system diagrams and the meditative quality of orbital mechanics. Three motion strands run in parallel (orbital rotation of the planets, pulsing glow of the sun, and offset twinkling of the starfield), so the composition never feels static.

How it was made

Each planet rides a transparent group anchored at the sun's centre. The group rotates at a per-planet period (3s, 4.5s, 6s) so the three planets never align twice across the loop. The planet itself is a static circle inside the group, positioned at the orbital radius. When the group rotates, the planet traces a perfect circle without any per-frame position math. The sun's glow halo breathes via a 6-second scale + opacity cycle. Twelve background stars twinkle on staggered phases, each rising to 1.4× scale at its bright moment before settling back.

Embed it anywhere

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

Embed · Cosmic Orbit

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