NexoreUIv1.8.6
InstallationComponents61IconsTemplatesNEWNexore MakeAI
Create ProjectSTUDIOGitHub
NexoreUI
61 comps
Create Project
Studio
Installation
Components Overview
60+
Icons
300+
Categories6 groups
Button
Input
Checkbox
AI
Select
AI
Switch
Slider
Rating
File Upload
Card
Accordion
Tabs
Table
Stepper
Scroll Area
Navigation
Dock
Data Display
Aurora Border Card
AI
Aurora Search Pill
AI
AI Prompt Input
AI
Command
Interactive Code Block
AI
Pro AI
AI
Theme: cyan
Studio
DocsNumber Ticker

Number Ticker

Animated number counter components.

NextAnimated Number
On This Page
Quick Actions
Project Studio
New
Nexore Make (AI)Source on GitHub

Number Ticker

Animates a numeric value from 0 to target value when it enters the viewport.

Interactive Playground

Live CanvasInteractive
$0+
Controls(5)
value
number

Target number to animate towards

duration
number

Duration of the scroll animation in seconds

prefix
text

Text character rendered before the numbers

suffix
text

Text character rendered after the numbers

decimals
number

Number of fractional decimal digits

Generated JSX
Source
import { NumberTicker } from "nexoreui"

<NumberTicker />

Default Ticker

0
component.tsx
1

With Prefix and Suffix

$0+
component.tsx
1

Decimals Customization

0.00
component.tsx
1

Slow Motion Statistics

+0
component.tsx
1

Large Custom Font Sizing

0k
component.tsx
1

API Reference

PropertyTypeDefaultDescription
valuenumber-The final numeric target to animate to.
durationnumber2Animation duration in seconds.
prefixstring""Optional character before the value.
suffixstring""Optional character after the value.
decimalsnumber0Precision of fractional decimals.