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

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

accessible animation odometer react svelte vue

Last synced: about 2 hours ago
JSON representation

An animated number component for React, Vue, and Svelte.

• Host: GitHub
• URL: https://github.com/barvian/number-flow
• Owner: barvian
• License: mit
• Created: 2024-07-15T22:04:51.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-01-12T17:06:21.000Z (1 day ago)
• Last Synced: 2025-01-12T17:27:35.171Z (1 day ago)
• Topics: accessible, animation, odometer, react, svelte, vue
• Language: TypeScript
• Homepage: https://number-flow.barvian.me
• Size: 3.2 MB
• Stars: 5,191
• Watchers: 7
• Forks: 79
• Open Issues: 7
• 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, and Svelte. (TypeScript)
• Awesome-independent-tools - 一个专门处理数字动画的 React 组件
• awesome - barvian/number-flow - An animated number component for React, Vue, and Svelte. (TypeScript)

README

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

# NumberFlow

An animated number component for React, Vue, and Svelte.

[![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.