1Sponsor

Streaming Text

Token-by-token streaming text with blinking cursor and optional typing animation

Terminal

Installation

pnpm dlx shadcn@latest add https://termcn.dev/r/streaming-text.json

Usage

import { StreamingText } from "@/components/ui/streaming-text";
<StreamingText text="Installing dependencies..." animate speed={20} />

API Reference

StreamingText

PropTypeDefault
textstringundefined
streamAsyncIterable<string>undefined
cursorbooleantrue
animatebooleanfalse
speednumber30
onComplete(fullText: string) => voidundefined
cursorColorstringundefined