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.

JSON

Pretty-printed JSON with collapsible nodes

Ink OpenTUI

Terminal

                                                                               █
 json-demo                                                                     █
 Loading preview...                                                            █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █

Installation


$ pnpm dlx shadcn@latest add @termcn/opentui/json

Usage

import { JSONView } from "@/components/ui/json";

<JSONView
  label="package.json"
  data={{
    name: "my-cli",
    version: "1.0.0",
    dependencies: { ink: "^5.0.0" },
  }}
/>

API Reference

JSONView

Prop	Type	Default
`data`	`unknown`	`required`
`indent`	`number`	`2`
`collapsed`	`boolean`	`false`
`label`	`string`	-

Git Status Key Value

On This Page

Installation Usage API Reference JSONView

Edit this page Follow @shadcnlabs Join community