Number flow | UI components | Trending Society

Number flow

from @hextaui

Animated numbers where only the changed digits spin, with any Intl format and locale.

Install

New to shadcn? Set up your project

If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.

$pnpm dlx shadcn@latest init

Setup by framework · Configure a registry namespace

$pnpm dlx shadcn@latest add @hextaui/number-flow

Live preview

No live preview has been built for this component yet.

Registry dependencies2

Packages1

cn

More from @hextaui, 71 components

Accordion component
@hextaui
Stacked headings that each reveal a panel, with height motion you can reverse mid-way and panels that stay searchable while closed.
1 registry dep · 4 packages
Alert component
@hextaui
Inline messages for status and feedback, with a neutral surface, a colored icon and a dismiss that collapses smoothly.
3 registry deps · 4 packages
Alert dialog component
@hextaui
A confirmation dialog for destructive or important actions that waits for async work, and becomes a bottom sheet on phones.
3 registry deps · 3 packages
Aspect ratio component
@hextaui
A box that holds its shape before media loads, shimmers while loading, fades the media in and falls back when it fails.
2 registry deps · 3 packages
Attachment component
@hextaui
File and image cards for uploads, with progress, states, actions, a full-card trigger and names that keep their extension.
6 registry deps · 4 packages
Avatar component
@hextaui
User photos with an initials fallback, status badges and stacked groups that collapse into a count.
1 registry dep · 4 packages
Badge component
@hextaui
Status labels with colored dots, removable tags that slide closed and counts that roll to their new value.
3 registry deps · 4 packages
Breadcrumb component
@hextaui
A trail of links to the current page that wraps safely, mirrors in right-to-left layouts and expands collapsed segments in place.
2 registry deps · 3 packages
Bubble component
@hextaui
Chat message bubbles with variants, grouped corners, reactions and room for interactive content.
1 registry dep · 3 packages
Button component
@hextaui
Buttons in every variant and size, with a built-in loading, success and error flow that skips the spinner for fast requests.
3 registry deps · 4 packages
Button group component
@hextaui
Buttons joined into one control, with shared seams, separators, text addons, nesting and vertical stacks.
3 registry deps · 3 packages
Calendar component
@hextaui
A date grid for single, range and multiple selection, with sliding months, range previews and touch-sized days.
4 registry deps · 4 packages