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.

Spinner

Animated spinner with 12+ styles

Ink OpenTUI

Terminal

spinner-demo

No opentui live preview is registered for this example yet.

Installation


$ pnpm dlx shadcn@latest add @termcn/opentui-spinner

Usage

import { Spinner } from "@/components/ui/spinner";

<Spinner type="dots" label="Loading components" />

Examples

Spinner Styles

Multiple built-in animation styles.

Terminal

spinner-styles

No opentui live preview is registered for this example yet.

API Reference

Spinner

Prop	Type	Default
`type`	`SpinnerName` from `cli-spinners`	`"dots"`
`label`	`string`	-
`color`	`string`	-
`fps`	`number` — used only with custom `frames`	`12`
`frames`	`string[]`	-

Skeleton Status Message

On This Page

Installation Usage Examples Spinner Styles API Reference Spinner

Edit this page Follow @shadcnlabs Join community