Live Stats

One component for every number on your site — counters, KPI cards, ratings, trends, countdowns — that counts up when your visitor scrolls to it and then keeps living.

Four modes:

• Fixed — counts up to the number you type: "500+ clients", "99.98% uptime".

• Growing — set what the number was on a date and how fast it grows (per second … per year). It computes the value right now and keeps ticking on the page. Organic ticks arrive in bursts and pauses like real events — yet stay exact over time.

• Since date — time since a past date or until a future one: "12.5 years", "12 y 6 mo 19 d", "3 d 04:12:55", or a plain clock.

• From URL — a real figure from your JSON API, CSV or a published Google Sheet (cell B2), refreshed every N seconds, with fallback and optional growth between refreshes.

Formatting for the whole world:

• Any locale: 12,480 · 12.480 · 12 480

• Number, currency (USD, EUR, GBP… any ISO code) or percent

• Decimals, thousands separators, compact 1.2K / 3.4M

• Prefix and suffix — "+", "k"

Animation:

• Count-up in view, on load or scrubbed by scroll; any start value, duration, delay, 4 easings; once or every time

• Plain digits or rolling odometer-style digits

• Flash on change; respects reduced-motion; static on the canvas

Look:

• Gradient number fill with glow, or any solid color; dimmed or colored prefix/suffix at a smaller size ("28 years")

• Cards: solid, gradient, glass (blur) or outline — radius, padding, colored shadow, hover lift, accent bar

• LIVE pill or pulsing dot, rolling-digit window, entrance fade / blur / slide / scale

• Fit: shrinks in a narrow frame, or fills the width for a hero number

• Label above, below or inline ("★ 4.9 rating"), icon, divider, caption, trend "▲ 12%" as a pill or plain text

• Semantic tag (h1–h6, p), fonts and colors for everything

Accessible, no tracking, no requests except your URL.

You get the component, a setup guide and a license for unlimited use in your own and client projects. Support: adck888@gmail.com