/
1.1k
Sponsor

Streaming Text

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

Terminal

Installation

$ pnpm dlx shadcn@latest add @termcn/ink/streaming-text

Usage

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

API Reference

StreamingText

PropTypeDefault
textstring-
streamAsyncIterable<string>-
cursorbooleantrue
animatebooleanfalse
speednumber30
onComplete(fullText: string) => void-
cursorColorstring-

Notes

Accessibility

termcn exposes the following behavior through Ink's terminal accessibility APIs. This is not a browser ARIA or general WCAG-conformance claim.

  • Screen reader: Screen-reader mode removes decorative output while preserving meaningful labels and state.