Blocks · Backgrounds

Confetti

Confetti animations are best used to delight your users when something special happens

LSD FX: lsd-fx--confetti ↩ Backgrounds

01 · live

Pattern

Confetti

Confetti animations are best used to delight your users when something special happens

View generated HTML

<h2 class="im-heading">Confetti</h2>
<p class="im-text">Confetti animations are best used to delight your users when something special happens</p>
<div style="display: flex; gap: 12px; flex-wrap: wrap;">
  <button type="button" class="lsd-btn weight-primary lsd-fx--confetti">Get started</button>
  <button type="button" class="lsd-btn weight-ghost lsd-fx--confetti">Learn more</button>
</div>

LSD blocks · Backgrounds · Confetti

↩ Backgrounds