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.

Thinking Block

Collapsible block for displaying extended thinking / reasoning content from an AI model

Ink OpenTUI

Terminal

Installation


$ pnpm dlx shadcn@latest add @termcn/thinking-block

Usage

import { ThinkingBlock } from "@/components/ui/thinking-block";

<ThinkingBlock
  content="The user wants to refactor the function. I should split it into smaller helpers..."
  tokenCount={1284}
  duration={3200}
/>

API Reference

ThinkingBlock

Prop	Type	Default
`content`	`string`	`required`
`streaming`	`boolean`	`false`
`defaultCollapsed`	`boolean`	`true`
`label`	`string`	`"Reasoning"`
`tokenCount`	`number`	-
`duration`	`number`	-

Streaming Text Token Usage

On This Page

Installation Usage API Reference ThinkingBlock

Edit this page Follow @shadcnlabs Join community