ComponentsBlocksDocsExamples

Marquee
GitHub Button
Avatar Group
Typing Text
Word Rotate
Video Text
SVG Text
Counting Number
Sliding Number
Shimmering Text
Text Reveal
Gradient Background
Grid Background
Hover Background
Clock Widget
Components

Typing Text

UI Library:

A typing text animation component with realistic typing effects and customizable cursor.

Installation

pnpm dlx shadcn@latest add @toui/typing-text

Examples

Loop

Fast

Slow

No Cursor

API Reference

TypingText

This component is built using Motion primitives and includes the following custom props:

PropTypeDefault
text string
texts string[]
speed number100
delay number0
showCursor booleantrue
cursor string"|"
cursorClassName string
loop booleanfalse
pauseDuration number2000
className string
onComplete () => void
startOnView booleantrue
once booleanfalse
animation enum
inViewMargin string

Credits

  • Built with Motion.
PreviouseAvatar GroupNextWord Rotate

On This Page

  • Installation
  • Examples
    • Loop
    • Fast
    • Slow
    • No Cursor
  • API Reference
    • TypingText
  • Credits

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.

Token UI

Components

  • Overview
  • Pricing
  • Marketplace
  • Features
  • Integrations
  • Pricing

Blocks

  • Charts
  • Team
  • Blog
  • Careers
  • Contact
  • Privacy

Examples

  • Help
  • Sales
  • Advertise

Docs

  • Twitter
  • Instagram
  • LinkedIn

© 2025 TOUI.dev. All rights reserved.

  • Terms and Conditions
  • Privacy Policy