Count up

A number that climbs to its new value. Still under reduced motion.

Installation

npx plankui@latest add count-up

import { CountUp } from "@/components/ui/count-up";

<CountUp value={48210} format={(n) => "
quot; + Math.round(n).toLocaleString()} />

Prop	Type	Default	Description
value	number	required	Target value.
duration	number	900	Milliseconds.
format	(n: number) => string	toLocaleString	Formats each frame.