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.

Stack

Vertical/horizontal stack with gap

Terminal

Installation


$ pnpm dlx shadcn@latest add @termcn/stack

Usage

import { Stack } from "@/components/ui/stack";

<Stack direction="vertical" gap={1}>
  <Text>First</Text>
  <Text>Second</Text>
  <Text>Third</Text>
</Stack>

API Reference

Stack

Prop	Type	Default
`direction`	`"vertical" \| "horizontal"`	`"vertical"`
`gap`	`number`	`0`
`children`	`ReactNode`	`required`
`width`	`number \| string`	-
`height`	`number \| string`	-
`alignItems`	`"flex-start" \| "center" \| "flex-end"`	-
`justifyContent`	`"flex-start" \| "center" \| "flex-end" \| "space-between" \| "space-around"`	-

Spacer Typography

On This Page

Installation Usage API Reference Stack

Edit this page Follow @shadcnlabs Join community