A collection of beautifully designed, accessible, and customizable terminal UI components. Built on Ink and OpenTUI. Works with shadcn/ui.

How do I publish components with termcn?

Add or edit components under registry/bases/ink/ or registry/bases/opentui/, register them in registry.json, run pnpm registry:build (which refreshes public/r/), then deploy. Consumers install with npx shadcn@latest add against your published registry URL.

Is termcn open source?

Yes. The source is on GitHub and released under the MIT License.

Streaming Text

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

Ink OpenTUI

Terminal

                                                                               █
 streaming-text-demo                                                           █
 Loading preview...                                                            █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █

Installation


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

Usage

import { StreamingText } from "@/components/ui/streaming-text";

<StreamingText text="Installing dependencies..." animate speed={20} />

API Reference

StreamingText

Prop	Type	Default
`text`	`string`	-
`stream`	`AsyncIterable<string>`	-
`cursor`	`boolean`	`true`
`animate`	`boolean`	`false`
`speed`	`number`	`30`
`onComplete`	`(fullText: string) => void`	-
`cursorColor`	`string`	-

Model Selector Thinking Block

On This Page

Installation Usage API Reference StreamingText

Edit this page Follow @shadcnlabs Join community