Aisol Stat Counters — numbers that count up from your CMS, Framer component

Counts up your numbers from a CMS collection, and stops being clever when it should.

Screen readers hear the final figure once, not every frame; the digits themselves are hidden from them.

Reduced motion gets the finished numbers with no animation and no observer, and so does the Framer canvas.

• Values stay text. 1,240 · 98.5 · $12 · 24/7 all work. Anything that reads as a number counts up; anything else is shown exactly as typed.

• Mistakes are visible where they should be. If a value cannot be read as a number, the canvas shows a short note naming the value and the accepted formats. The published page never shows that note.

• Counting starts when the row is seen, using an observer on the component's own items, which disconnects after the first pass. No scroll listeners, no measuring.

• Prefix, suffix, label and a small note per number. Links go on the label rather than the digits.

• Columns step four, two, one; dividers disappear once the row becomes a column.

• Locale-aware thousands separators and decimal places taken from how you typed the value.

What you control

• Numbers as an array: value, prefix, suffix, label, note, link — or bind a CMS collection through the number cards slots

• Count up on or off, duration, when it starts, locale for digit grouping

• Columns 1–4 with two step-down breakpoints, alignment, dividers, notes on or off

• Digit size, text size, gap, padding; accent, text, muted and divider colours; empty-state text

Live preview: https://thistle-timing-694660.framer.app/aisol-stat-counters