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.

Select

Single-select dropdown with arrow-key navigation

Ink OpenTUI

Terminal

Installation


$ pnpm dlx shadcn@latest add @termcn/select

Usage

import { Select } from "@/components/ui/select";

<Select
  label="Choose a framework"
  options={[
    { value: "next", label: "Next.js" },
    { value: "remix", label: "Remix" },
    { value: "astro", label: "Astro" },
  ]}
  onChange={(value) => {}}
/>

API Reference

Select

Prop	Type	Default
`options`	`SelectOption<T>[]`	`required`
`value`	`T`	-
`onChange`	`(value: T) => void`	-
`onSubmit`	`(value: T) => void`	-
`label`	`string`	-
`cursor`	`string`	`"›"`
`cursorColor`	`string`	-

Radio Group Tag Input

On This Page

Installation Usage API Reference Select

Edit this page Follow @shadcnlabs Join community