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.

Clock

Real-time clock display with 12h/24h and date

Ink OpenTUI

Terminal

                                                                               █
 clock-demo                                                                    █
 Loading preview...                                                            █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █
                                                                               █

Installation


$ pnpm dlx shadcn@latest add @termcn/opentui/clock

Usage

import { Clock } from "@/components/ui/clock";

<Clock format="12h" showSeconds showDate timezone="America/New_York" />

API Reference

Clock

Prop	Type	Default
`format`	`"12h" \| "24h"`	`"24h"`
`showSeconds`	`boolean`	`true`
`showDate`	`boolean`	`false`
`timezone`	`string`	-
`color`	`string`	-
`size`	`"sm" \| "lg"`	`"sm"`

Clipboard Embedded Terminal

On This Page

Installation Usage API Reference Clock

Edit this page Follow @shadcnlabs Join community