https://github.com/barvian/number-flow

An animated number component for React, Vue, Svelte, and TS/JS.
https://github.com/barvian/number-flow

accessible animation odometer react svelte vue

Last synced: 12 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/barvian/number-flow
• Owner: barvian
• License: mit
• Created: 2024-07-15T22:04:51.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-04-05T23:33:03.000Z (29 days ago)
• Last Synced: 2025-04-10T04:53:07.546Z (25 days ago)
• Topics: accessible, animation, odometer, react, svelte, vue
• Language: TypeScript
• Homepage: https://number-flow.barvian.me
• Size: 3.28 MB
• Stars: 6,040
• Watchers: 9
• Forks: 112
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-ccamel - barvian/number-flow - An animated number component for React, Vue, Svelte, and TS/JS. (TypeScript)
• Awesome-independent-tools - 一个专门处理数字动画的 React 组件
• awesome - barvian/number-flow - An animated number component for React, Vue, Svelte, and TS/JS. (TypeScript)

README

        
https://github.com/user-attachments/assets/5b99dbe6-e0eb-44e8-9c0d-ed4f00aff48d

# NumberFlow

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

[![NPM Version](https://img.shields.io/npm/v/number-flow.svg)](https://npmjs.com/package/number-flow)

[![Follow @mbarvian](https://img.shields.io/twitter/follow/mbarvian.svg?style=social&label=Follow)](https://x.com/mbarvian)

## Documentation

For full documentation, visit [number-flow.barvian.me](https://number-flow.barvian.me).

## Sponsors



  

    

  



NumberFlow is proudly sponsored by Frigade, a developer tool for building better product onboarding: guided tours, getting started checklists, announcements, and more.