React components
Number counter
An animated number component that counts up to a target value.
Overview
The NumberCounter component smoothly animates a numeric value from 0 (or current) to a target number using Framer Motion.
Usage
import { NumberCounter } from '@/components/core/number-counter';
function Stats() {
return (
<div className="text-4xl font-bold">
<NumberCounter number={1000} duration={3} />
<span>+ Users</span>
</div>
);
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
number | number | Required | The target number to count to. |
duration? | number | 2 | Duration of the animation in seconds. |
| ...props | MotionProps | - | Accepts standard Framer Motion span props. |