Animate UI

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

Website

Sliding Number

ui

A numeric display component that smoothly animates number changes with a sliding transition effect.

Installation

Copy and the paste the following command into your terminal.

Examples

Sliding Number Demo

(sliding-number-demo)

ui

Demo showing an animated sliding number.

View

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

Sliding Number Decimal Demo

(sliding-number-decimal-demo)

ui

Demo showing an animated sliding number with a decimal separator.

View

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