Skip to content
don’t make it ugly
All resources

PackageMotion, Components

NumberFlow

Animated number transitions that make counters, prices and stats feel expensive.

Open sourceFree
Preview of NumberFlow

What it is

NumberFlow is a small component that animates changes between numbers digit by digit, with proper formatting for currency, percentages and locales. Available for React, Vue and Svelte. Accessible and respects reduced motion.

Why it’s here

A tiny detail that makes dashboards, pricing toggles and stat counters feel like a premium product. Use it on numbers that actually change.

Best for

  • pricing toggles
  • stat counters
  • dashboards
  • small delightful details

Can my agent use this?

Agent excellent agent friendliness

Yes. Clear docs with formatting examples. Point it at the framework package you need.

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • Docs
  • GitHub
  • npm

Install

npm install @number-flow/react

  • Motion-Primitives
    Preview of Motion-Primitives

    Motion-Primitives

    Tasteful animated components for React, built with Motion.

    Component libraryFreeOpen sourceexcellent agent friendliness
    Staff pick
  • AutoAnimate
    Preview of AutoAnimate

    AutoAnimate

    One line of code that animates list changes for you.

    PackageFreeOpen sourceexcellent agent friendliness
    Staff pick
  • Tremor
    Preview of Tremor

    Tremor

    Copy-paste React components for dashboards and charts.

    Component libraryFreeOpen sourceexcellent agent friendliness
  • Thinking Orbs
    Preview of Thinking Orbs

    Thinking Orbs

    An animated orb that shows what your AI is doing: listening, thinking, searching, working.

    PackageFreeexcellent agent friendliness
    Staff pick