NexoreUIv1.4
InstallationComponents41IconsNexore MakeAI
Create ProjectSTUDIOGitHub
NexoreUI
41 comps
Create Project
Studio
Installation
Components Overview
40+
Icons
300+
Categories6 groups
Button
Input
Switch
Slider
Rating
File Upload
Card
Accordion
Tabs
Table
Stepper
Scroll Area
Navigation
Dock
Data Display
Thinking Indicator
AI
Tool Call Card
AI
Agent Status Pill
AI
Command
Theme: indigo
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

With Prefix and Suffix

$0+
component.tsx

Decimals Customization

0.00
component.tsx

Slow Motion Statistics

+0
component.tsx

Large Custom Font Sizing

0k
component.tsx

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.