design-infraReport a problem or share feedback← Catalog
Number Flow
freesmoothui/number-flow
A NumberFlow component for SmoothUI.
$
npx shadcn@latest add @smoothui/number-flownpm deps: lucide-react
- Source
- SmoothUI
- Kind
- component
- Categories
- stats
- Use as
- drop-in — replaces your component
- Applies to
- stats
- Motion
- on state · subtle · js · medium cost · respects reduced motion
- Tags
- number, counter, odometer, digit, transition, tween, complexity-medium
- Licence
- MIT ("MIT License — Copyright (c) 2024 Eduardo Calvo", github.com/educlopez/smoothui).
- Live demo
- smoothui.dev
- Docs
- smoothui.dev
Similar
Compare all 4 →- Rolling Numbercult-ui/rolling-numberSmall rolling-digit number (motion). Inherits colour.
- Number Tickermagicui/number-tickerCount-up number for stats sections. Hard-codes text-black dark:text-white — pass className="text-foreground" (or font-heading) to theme it.
- Sliding Numbermotion-primitives/sliding-numberOdometer-style rolling digits (spring). Inherits colour; pair with in-view for stats.