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.

Log

Scrolling log viewer with severity levels and filtering

Terminal

Installation


$ pnpm dlx shadcn@latest add @termcn/log

Usage

import { Log } from "@/components/ui/log";

<Log
  entries={[
    { level: "info", message: "Server started on port 3000" },
    { level: "warn", message: "Deprecated API call detected" },
    { level: "error", message: "Failed to connect to database" },
  ]}
  height={10}
  showTimestamp
  follow
/>

API Reference

Log

Prop	Type	Default
`entries`	`LogEntry[]`	`required`
`height`	`number`	`10`
`showTimestamp`	`boolean`	`true`
`filter`	`string`	-
`follow`	`boolean`	`false`

LogEntry

Prop	Type	Default
`level`	`"debug" \| "info" \| "warn" \| "error"`	`required`
`message`	`string`	`required`
`timestamp`	`Date`	-

Keyboard Shortcuts Panel

On This Page

Installation Usage API Reference Log LogEntry

Edit this page Follow @shadcnlabs Join community