I built a small Angular package for smooth animated numbers
Hey Angular folks,
I kept wanting a polished way to animate changing numbers in Angular apps, especially for dashboards, counters, prices, timers, stats, percentages, and similar UI.
So I built ngx-digit-flow.
It’s an Angular component that animates each digit like an odometer / slot-machine reel when the value changes.
A few details:
- Standalone Angular component
- Signals-first API
- Uses Intl.NumberFormatOptions
- Supports currency, percentages, compact notation, prefixes, suffixes, decimals, etc.
- SSR-safe
- Respects prefers-reduced-motion
- No animation libraries
GitHub:
https://github.com/ayangabryl/ngx-digit-flow
Demo:
https://ngx-digit-flow.ayangabryl.com
npm:
https://www.npmjs.com/package/ngx-digit-flow
Would love feedback from Angular devs. Especially curious what examples/use cases I should add next.