A collection of beautifully designed, accessible, and customizable terminal UI components. Built on Ink. 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.

Chat Thread

Scrollable container for stacking ChatMessage components in a conversation thread

Terminal

Installation


$ pnpm dlx shadcn@latest add @termcn/chat-thread

Usage

import { ChatThread } from "@/components/ui/chat-thread";
import { ChatMessage } from "@/components/ui/chat-message";

<ChatThread maxHeight={20}>
  <ChatMessage sender="user">How do I center a div?</ChatMessage>
  <ChatMessage sender="assistant">
    Use flexbox: display flex, justify-content center, align-items center.
  </ChatMessage>
</ChatThread>

API Reference

ChatThread

Prop	Type	Default
`maxHeight`	`number`	-
`autoScroll`	`boolean`	`true`
`children`	`ReactNode`	-

Chat Message Conversation History

On This Page

Installation Usage API Reference ChatThread

Edit this page Follow @shadcnlabs Join community