# barvian/number-flow

An animated number component for React, Vue, Svelte, and TS/JS.

Repository: https://github.com/barvian/number-flow
Canonical: https://ross.abutalabs.com/products/number-flow
Homepage: https://number-flow.barvian.me
Language: TypeScript
License: MIT
License Family: permissive
Topics: accessible, animation, odometer, vue, react, svelte
Last push: 2026-07-18T20:09:36+00:00

## Health v2 (maintenance only)
Score: 81/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 93, release rhythm 81, longevity 55
- inputs: {"age_days": 779, "days_push": 46, "days_rel": 46, "gap_med": 0, "n_releases_24m": 118}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 7650, forks 156 (observed 2026-08-28T04:10:02.177337+00:00)

## What it is
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
- artifact type: library
- maturity: active
- function: ui-components, animation, internationalization
- domain: frontend, web-development, accessibility
- platform: -
- tags: react, vue, svelte, odometer, animated-number, dependency-free, typescript, javascript, web

## Member repositories
- barvian/number-flow (main) score 81

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:10:02.177337+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:36:45.899189+00:00, confidence not recorded.
  - readme: https://github.com/barvian/number-flow (fetched 2026-08-28T04:10:02.177337+00:00, sha ff42838c6d90)
  - homepage: https://number-flow.barvian.me (fetched 2026-08-29T08:32:11.394967+00:00, sha 7c323bd24bf2)
  - registry_npm: https://registry.npmjs.org/number-flow (fetched 2026-08-29T08:32:11.404221+00:00, sha a027294fcfc2)
- Data as of 2026-08-30T08:39:29.467469+00:00.