NexoreUI
InstallationComponentsNexore MakeGitHub
GitHub
NexoreUIv0.1.2

Getting Started

Installation

Components

ButtonInputCardBadgeAlertAvatarAccordionModal / DialogTooltipTabsProgressSkeletonSliderSwitchRatingCommandTableStepperScroll AreaFile UploadNavigationIconsDock

Pro

ChartsData DisplayDark Mode ToolkitCommerceCookie ConsentSocialPremium EffectsLoaders

Animated

MarqueeNumber TickerAnimated NumberTyping AnimationBlur FadeBox RevealFile Preview CardImage Compare
MIT License
DocsNumber Ticker

Number Ticker

Animated number counter components.

Next ComponentAnimated Number

Number Ticker

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

Interactive Playground

NumberTicker Playground
nexoreui
Live Preview
$0+
Props Panel
number

Target number to animate towards

number

Duration of the scroll animation in seconds

text

Text character rendered before the numbers

text

Text character rendered after the numbers

number

Number of fractional decimal digits

Generated Code
Open in GitHub
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.