Lottie Max

Notifications · 1.8s

Badge Pop

Red unread badge pops onto an app-icon corner — new notification arrives

By Lottie Max Added Updated
Open in the studio Download .json

240×240 · 30fps · 1.80s · loops

Embed it anywhere

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

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

More notifications templates

View all →

Notification Pulse

Notifications

Dot with concentric ripple rings — live indicators, presence dots

2s loop 240×240

Bell Ring

Notifications

Bell tilts side-to-side with sound waves — incoming alert

1.8s loop 240×240

New Message Dot

Notifications

Red dot pops onto a chat-bubble corner — unread message indicator

1.8s 240×240