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

A Framer Motion component that transitions, formats, and localizes numbers.
https://github.com/barvian/motion-number

accessible animation framer-motion number-format odometer react-animation

Last synced: about 1 month ago
JSON representation

A Framer Motion component that transitions, formats, and localizes numbers.

• Host: GitHub
• URL: https://github.com/barvian/motion-number
• Owner: barvian
• Created: 2024-07-15T22:04:51.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-09-28T19:31:08.000Z (about 2 months ago)
• Last Synced: 2024-09-29T00:22:03.970Z (about 2 months ago)
• Topics: accessible, animation, framer-motion, number-format, odometer, react-animation
• Language: TypeScript
• Homepage: https://motion-number.barvian.me
• Size: 1.06 MB
• Stars: 665
• Watchers: 2
• Forks: 18
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# MotionNumber

A Framer Motion component that transitions, formats, and localizes numbers.

https://github.com/user-attachments/assets/f290a186-488c-493b-bd06-31b7b5d13ecb

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

[![Bundle size](https://badgen.net/bundlephobia/minzip/motion-number@latest)](https://bundlephobia.com/package/motion-number@latest)

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

---

## Documentation

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