Animate UI

A fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI

Counting Number

A numeric display component that smoothly animates number changes with a counting animation.

Copy and the paste the following command into your terminal.

Counting From Number Demo

(counting-from-number-demo)

Demo showing a counting number starting from a specific number.

https://shadcnregistry.com/preview/animate-ui/counting-from-number-demo

Counting Number Demo

(counting-number-demo)

Demo showing a counting number.

https://shadcnregistry.com/preview/animate-ui/counting-number-demo

Counting Number Decimal Demo

(counting-number-decimal-demo)

Demo showing a counting number with a decimal separator.

https://shadcnregistry.com/preview/animate-ui/counting-number-decimal-demo