Showcase · 6s loop

Sunrise Hero

Sun rises over parallax mountain silhouettes as clouds drift and birds glide

By Lottie Max Added Jun 12, 2026

540×360 · 30fps · 6.00s · loops

Inspiration

The peaceful first minute of dawn — sun cresting the horizon, mountains revealing themselves in parallax layers, birds beginning to stir. The goal was serenity, not drama.

How it was made

Three mountain silhouettes at different depths (faded back, mid-distance, solid foreground) layer for atmospheric perspective. The sun and its glow halo rise together from below the horizon over 2.5 seconds, then hold for 3 seconds before resetting under the cover of the next iteration's starting state. Two clouds drift on different speeds and altitudes for parallax depth. Three birds glide across the sky on staggered phases with subtle wing-flap via scale.y oscillation.

Embed it anywhere

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

Embed · Sunrise Hero

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