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
DocsTyping Animation

Typing Animation

Typewriter-style text animations.

Next ComponentBlur Fade

Typing Animation

Animates typing and deleting effects for a sequence of texts.

Interactive Playground

TypingAnimation Playground
nexoreui
Live Preview
|
Props Panel
text

Comma-separated list of texts to cycle through

number

Typing speed in milliseconds per character

number

Deleting speed in milliseconds per character

number

Pause duration in milliseconds after typing a full text

boolean

Whether to loop the texts indefinitely

boolean

Whether to display the blinking cursor

Generated Code
Open in GitHub
import { TypingAnimation } from "nexoreui"

<TypingAnimation />

Default Typing Cycle

|
component.tsx

Fast Typing Speed

|
component.tsx

No Loop / Run Once

|
component.tsx

Without Cursor

component.tsx

Gradient Custom Styling

|
component.tsx

API Reference

PropertyTypeDefaultDescription
textsstring[]-Array of text strings to type out sequentially.
speednumber100Typing speed in milliseconds per character.
deleteSpeednumber50Deleting speed in milliseconds per character.
pauseDurationnumber2000Pause duration in milliseconds after typing a full text.
loopbooleantrueWhether to loop the sequence of texts indefinitely.
cursorbooleantrueWhether to display the blinking cursor.