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.

Digits

Box-drawing character numerals

Terminal

Installation


$ pnpm dlx shadcn@latest add @termcn/digits

Usage

import { Digits } from "@/components/ui/digits";

<Digits value="12:30" />

API Reference

Digits

Prop	Type	Default
`value`	`string \| number`	`required`
`color`	`string`	-
`size`	`"sm" \| "md" \| "lg"`	`"md"`

Code Gradient

On This Page

Installation Usage API Reference Digits

Edit this page Follow @shadcnlabs Join community