---
title: "NumberFlow"
description: "Animated number component that transitions digits, separators and signs correctly across locales, for React, Vue, Svelte and vanilla."
canonical: "https://vibing.inc/library/numberflow-vg-1490"
category: "Motion & Animation"
subcategory: "Numeric animation"
license: "MIT"
author: "Max Barvian (@barvian)"
source: "https://number-flow.barvian.me/"
---

# NumberFlow
Animated number component that transitions digits, separators and signs correctly across locales, for React, Vue, Svelte and vanilla.
## Facts
- Source: https://number-flow.barvian.me/
- Category: Motion & Animation / Numeric animation
- Author: Max Barvian (@barvian)
- Licence: MIT
- Tags: react, numbers, counter, localization
## Why it's a gem
Gets digit-width and locale-separator transitions right, which every hand-rolled counter breaks.
---
Listed in The Vibeary: https://vibing.inc/library/numberflow-vg-1490 · JSON: https://vibing.inc/api/public/library/gems/numberflow-vg-1490