UI · 2.2s loop

Modal Fade

Modal card scales-and-fades onto a scrim — dialogs, confirmations

By Lottie Max Added Jun 11, 2026 Updated Jun 12, 2026

360×240 · 30fps · 2.20s · loops

Embed it anywhere

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

Embed · Modal Fade

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