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>