Animated Number Morph
An Apple-grade smooth rolling digit counter that independently morphs individual numerical columns with physics-based springs, locale commas, currencies, and compact notation.
Live Production ARR
$,
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
+.%annualized expansion
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
Live Playground
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/animated-number
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | 0 | The numeric target value to morph towards |
| decimals | number | 0 | Number of decimal places to preserve |
| prefix | string | '' | Text or currency prepended to number (e.g. "quot;) |
| suffix | string | '' | Text or unit appended to number (e.g. "%", "ms") |
| useGrouping | boolean | true | Formats with comma separators |
| compact | boolean | false | Formats using compact abbreviations (K, M, B) |
| stiffness | number | 170 | Spring transition stiffness |
| damping | number | 22 | Spring transition damping |