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.

Box

Enhanced flexbox container with theme-aware borders

Terminal

box-demo

No opentui live preview is registered for this example yet.

Installation


$ pnpm dlx shadcn@latest add @termcn/box

Usage

import { Box } from "@/components/ui/box";

<Box border borderVariant="focus" padding={1}>
  <Text>Focused container</Text>
</Box>

API Reference

Box

Prop	Type	Default
`border`	`boolean`	-
`borderVariant`	`"default" \| "muted" \| "focus" \| "success" \| "error" \| "warning"`	`"default"`
`borderColor`	`string`	-
`children`	`ReactNode`	-
`...props`	`InkBoxProps`	—

Aspect Ratio Center

On This Page

Installation Usage API Reference Box

Edit this page Follow @shadcnlabs Join community