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.

Splash Screen

Styled startup banner with big ASCII art title, subtitle, author credit, and status line

Terminal

Installation


$ pnpm dlx shadcn@latest add @termcn/splash-screen

Usage

import { SplashScreen } from "@/components/ui/splash-screen";

<SplashScreen
  title="MyCLI"
  subtitle="The modern developer toolkit"
  author={{ name: "Jane Doe", href: "https://example.com" }}
  statusLine={<Text color="green">● Ready on port 3000</Text>}
/>

API Reference

SplashScreen

Prop	Type	Default
`title`	`string`	`required`
`font`	`"block" \| "simple"`	`"block"`
`titleColor`	`string`	-
`titleColorAlt`	`string`	-
`bold`	`boolean`	`true`
`subtitle`	`string`	-
`subtitleDim`	`boolean`	`true`
`author`	`{ name: string; href?: string }`	-
`statusLine`	`ReactNode`	-
`padding`	`number`	`2`
`align`	`"left" \| "center"`	-

Setup Flow Usage Monitor

On This Page

Installation Usage API Reference SplashScreen

Edit this page Follow @shadcnlabs Join community