Number Ticker

Animate numbers to count up or down to a target number

LSD FX: lsd-fx--number-ticker ↩ All components

01 · live

Pattern

Number Ticker

Animate numbers to count up or down to a target number

View generated HTML

<h2 class="im-heading">Number Ticker</h2>
<p class="im-text">Animate numbers to count up or down to a target number</p>
<p class="im-heading" style="font-size: clamp(48px, 9vw, 120px); font-weight: 800;">
  <span class="lsd-fx--number-ticker" data-lsd-count="0:1234">0</span>
</p>

LSD components · Number Ticker

↩ All components