barvian/number-flow
An animated number component for React, Vue, Svelte, and TS/JS. observed · 2026-08-28
Health v2 · maintenance only
81/100
- Activity 93
- Release rhythm 81
- Longevity 55
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 0
- age_days: 779
- days_rel: 46
- days_push: 46
- n_releases_24m: 118
Adoption not part of the score
7650 stars · 156 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
NumberFlow is a dependency-free animated number component for React, Vue, Svelte, and plain TypeScript/JavaScript that smoothly transitions digits when values change. It supports Intl.NumberFormat formatting, locales, prefixes/suffixes, and customizable animation timings while remaining accessible.
Use cases
- animate numbers when values change in a React app
- display an odometer-style rolling counter on a website
- show animated currency or pricing figures with prefixes and suffixes
- format and transition numbers with Intl.NumberFormat options
- add accessible animated stats or metrics to a dashboard
- use an animated number component in Vue or Svelte
When to choose
- you need smooth, accessible number transitions across React, Vue, or Svelte
- you want a dependency-free, customizable animated number display
- you need built-in locale-aware number formatting with animation
When to avoid
- you need a general-purpose animation library for arbitrary elements
- your project doesn't display changing numeric values
- you need server-side-only rendering with no client interactivity
Facets
library · maturity active
ui-components animation internationalization frontend web-development accessibility react vue svelte odometer animated-number dependency-free typescript javascript web
3 sources
- readme: https://github.com/barvian/number-flow · fetched 2026-08-28 · ff42838c6d90
- homepage: https://number-flow.barvian.me · fetched 2026-08-29 · 7c323bd24bf2
- registry_npm: https://registry.npmjs.org/number-flow · fetched 2026-08-29 · a027294fcfc2
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| barvian/number-flow | main | 81 |
For agents
markdown · JSON · MCP: product_card(name="barvian/number-flow")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem