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 components under registry/new-york/, list them in registry.json, run pnpm registry:build, then deploy. Users install with npx shadcn@latest add pointing at your published JSON URL.

Is termcn open source?

Yes. The project is intended to be forked or cloned; source is available on GitHub under an open license.

Overview

Themes

Layout

Typography

Input

Selection

Data

Feedback

Navigation

Overlays

Forms

Utility

Charts

Templates

Bullet List

Nested structured content with ●/└/□ bullet prefixes

Terminal

Installation


pnpm dlx shadcn@latest add https://termcn.dev/r/bullet-list.json

Usage

import { BulletList } from "@/components/ui/bullet-list";

<BulletList>
  <BulletList.Item label="Install dependencies" bold>
    <BulletList.Sub>
      <BulletList.TreeItem label="ink@5.1.0" />
      <BulletList.TreeItem label="react@18.3.0" />
    </BulletList.Sub>
  </BulletList.Item>
  <BulletList.Item label="Configure project" />
  <BulletList.CheckItem label="Write tests" done />
  <BulletList.CheckItem label="Deploy to production" />
</BulletList>

API Reference

BulletList

Prop	Type	Default
`children`	`ReactNode`	`required`

BulletList.Item

Prop	Type	Default
`label`	`string`	`required`
`bold`	`boolean`	`false`
`color`	`string`	`undefined`
`children`	`ReactNode`	`undefined`

BulletList.Sub

Prop	Type	Default
`children`	`ReactNode`	`required`

BulletList.TreeItem

Prop	Type	Default
`label`	`string`	`required`
`color`	`string`	`undefined`

BulletList.CheckItem

Prop	Type	Default
`label`	`string`	`required`
`done`	`boolean`	`false`
`color`	`string`	`undefined`

App Shell Help Screen

On This Page

Installation Usage API Reference BulletList BulletList.Item BulletList.Sub BulletList.TreeItem BulletList.CheckItem