Number Ticker

Animated numeric values that transition smoothly between states.

Neo-SaaS Style

Clean, spring-animated counter for financial or statistical data.

Total Revenue

$12,450

+12.5% this month

Legacy installation using the full registry URL:

pnpm dlx shadcn@latest add "https://ui.zarasana.com/r/number-ticker-neo-saas.json"

Bold, high-impact counter with sliding digit animations.

SCORE

Legacy installation using the full registry URL:

pnpm dlx shadcn@latest add "https://ui.zarasana.com/r/number-ticker-neo-brutal.json"

Glowing, futuristic display particularly suited for system stats or changing percentages.

System Load

45.2%

Legacy installation using the full registry URL:

pnpm dlx shadcn@latest add "https://ui.zarasana.com/r/number-ticker-glassomorphic.json"

Prop	Type	Default	Description
`value`	`number`	-	The numeric value to animate to.
`title`	`string`	-	Title or label for the ticker.
`currency`	`string`	`$`	(Neo-SaaS) Currency prefix.
`trend`	`object`	`{ value: 12.5, ... }`	(Neo-SaaS) Trend details `{ value, label, isPositive }`.
`unit`	`string`	`%`	(Glassomorphic) Unit suffix.
`max`	`number`	`100`	(Glassomorphic) Max value for progress bar.
`className`	`string`	-	Additional CSS classes for the container.