NewAI SDK Agents

AnimatedNumber

PreviousNext

A simple animated number animation

Custom Spring Properties

1,000

Precision

14.57

Format

$10.00

Callbacks

10

Installation

pnpm dlx shadcn@latest add https://cult-ui.com/r/animated-number.json

Usage

function BasicExample() {
  const [value, setValue] = useState(1000)
 
  return (
    <div>
      <AnimatedNumber value={value} />
      <Button
        size="sm"
        variant="ghost"
        className="border border-primary/10 rounded-full "
        onClick={() => setValue(value + 1000)}
      >
        <Plus className="h-4 w-4" />
      </Button>
    </div>
  )
}