CLI pattern gallery

Beautiful CLIs. Copy. Paste. Ship.

A polished component gallery for terminal interfaces: preview the UI, switch languages, copy the snippet, and move on.

$copy rounded-box --bashReady
Browse galleryTry Pro free 14 days
BOOTING PREVIEW
0
Dependencies

Copy raw ANSI or use popular CLI libraries.

110
Patterns

Boxes, prompts, tables, layouts, status, banners.

6
Languages

Bash, Python, Node.js, Go, Rust, Rich variants.

Components

Polished terminal components, ready to copy.

Theme generator
โ ‹ Spinner animated ยท 6 variants
Variants
โ ‹ dots publishing package | line fetching deps โ† arrow syncing remote ๐Ÿ• clock waiting on lock โ— pulse connecting โ– signal measuring latency
States
โ ‹ building 0:08 elapsed โœ“ building done in 11.2s โœ— building failed: ENOENT
โ–ˆ ProgressBar animated ยท gradient ยท ETA
Classic
build [โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘] 50% eta 4s
Gradient
deploy โ–ฐโ–ฐโ–ฐโ–ฐโ–ฐโ–ฐโ–ฐโ–ฐโ–ฐโ–ฐโ–ฐโ–ฐโ–ฑโ–ฑโ–ฑโ–ฑโ–ฑโ–ฑโ–ฑโ–ฑ 60% 3.2MB/s
Stepped ยท with counts
โ–ธ unpacking โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘ 834 / 1280 files โ–ธ compiling โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘ 47 / 156 modules โ–ธ linking โ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘ 1 / 9 chunks
โ•ญ Box rounded ยท sharp ยท double ยท ASCII
โ•ญโ”€โ”€โ”€โ”€ deploy status โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ•ฎ โ”‚ โœ“ all systems operational โ”‚ โ”‚ region us-east-1 โ”‚ โ”‚ uptime 99.97% โ”‚ โ•ฐโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ•ฏ
โ”Œโ”€โ”€โ”€โ”€ โš  warning โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚ Disk space under 10% โ”‚ โ”‚ /dev/sda1 ยท 9.2 GB free โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
โ•”โ•โ•โ•โ• release โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•— โ•‘ v1.4.2 2026-05-12 โ•‘ โ•‘ fixes auth ยท adds donate flow โ•‘ โ•šโ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
โ€บ Select vim keys ยท descriptions ยท disabled
? Choose a deploy target (โ†‘/โ†“ or j/k ยท enter to select) production live traffic, all regions โ€บ staging internal QA, us-east only preview ephemeral PR builds canary requires approval โœ— local localhost:3000
Multi-select
[x] typescript [x] eslint [ ] prettier [x] vitest โ† currently selected [ ] storybook
โ”Œ Table auto-size ยท status cells ยท multi-line
โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚ service โ”‚ region โ”‚ latency โ”‚ status โ”‚ โ”œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ค โ”‚ api-gateway โ”‚ us-east โ”‚ 42ms โ”‚ PASS โ”‚ โ”‚ auth-svc โ”‚ us-west โ”‚ 61ms โ”‚ PASS โ”‚ โ”‚ db-primary โ”‚ eu-west โ”‚ 184ms โ”‚ WARN โ”‚ โ”‚ workers โ”‚ ap-south โ”‚ timeout โ”‚ FAIL โ”‚ โ”‚ cdn โ”‚ global โ”‚ 18ms โ”‚ PASS โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
Multi-line cell ยท rounded
โ•ญโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ•ฎ โ”‚ release โ”‚ v1.4.2 โ”‚ โ”‚ notes โ”‚ fixes auth flow on safari โ”‚ โ”‚ โ”‚ adds donate widget โ”‚ โ”‚ โ”‚ deprecates /v1 endpoints โ”‚ โ”‚ status โ”‚ โ— ready to ship โ”‚ โ•ฐโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ•ฏ
โœป Animated Text typewriter ยท wave ยท shimmer ยท bounce
Typewriter
Hello! I'm typing this character by character
Gradient wave
โ—† rainbow colors flowing โ—†
Shimmer
sparkling magical text effect
Bouncing
>>> BOUNCE <<<
โœ“ Toast success ยท error ยท warn ยท info
โœ“
Deployed to production ยท build #4172
api-gateway, auth-svc, workers
ร—
โœ—
Tests failed ยท 3 of 214
auth.spec.ts ยท session.spec.ts
ร—
โš 
Approaching disk quota
9.2 GB free of 100 GB ยท /dev/sda1
ร—
โ„น
Update available ยท v1.4.3
run `termui upgrade` to install
ร—
? Input placeholder ยท validation ยท masked
Placeholder
? Project name โ€บ my-awesome-app
Typing
? Project name โ€บ termui-pattern
Validation error
? Project name โ€บ my project โœ— no spaces allowed
Confirmed
โœ“ Project name ยท termui-pattern
Masked
? API token โ€บ โ€ขโ€ขโ€ขโ€ขโ€ขโ€ขโ€ขโ€ขโ€ขโ€ขโ€ขโ€ข
? Confirm Y/N ยท keyboard toggle
Default (No)
? Delete all files? Yes / No
Toggled (Yes)
? Delete all files? Yes / No
Confirmed
โœ“ Delete all files? Yes
Cancelled
โœ— Cancelled
โ”€ List nested ยท tasks ยท numbers ยท arrows
Nested bullets
โ€ข core โ—ฆ parser โ—ฆ renderer ยท ansi ยท layout โ€ข cli
Tasks
[x] scaffold project [x] ship spinners [~] polish progress bars [ ] write docs [ ] publish to npm
Numbered ยท stars ยท arrows
1. install 2. configure 3. ship โ˜… featured โ˜… trending โ†’ next up โ†’ coming soon
# Badge preset ยท outline ยท dot ยท custom
Preset
PASS FAIL WARN INFO N/A
Outline
typescript node.js v1.0.0 MIT
Dot status
production staging development offline
Custom
DEPLOY RELEASE HOTFIX

Browse by category

โ•ญBoxes & BordersPanels, alerts, quotes, metric cards
โ ‹SpinnersDots, clocks, pulses, signals
โ–ˆProgress BarsETA, gradients, steps, nested bars
โ”ŒTablesMetrics, status rows, trees, grids
*Banners & HeadersASCII titles, splash screens, releases
>Prompts & InputsSelects, confirms, input masks
OKStatus & FeedbackToasts, health checks, deploy logs
#LayoutsDashboards, sidebars, panes, feeds

Featured Patterns

A preview-first catalog, arranged like reusable components.

Boxes & BordersFREE

Alert Box

+------- ALERT -------+
| Disk space under 10% |
+---------------------+
SpinnersFREE

Arrow

> pushing
 > pushing
  > pushing
Progress BarsFREE

Classic

Classic [======>............] 35%
TablesFREE

Multi Line Table

โ•ญโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ•ฎ
โ”‚ release    v1.4.2       โ”‚
โ”‚ notes      fixes auth   โ”‚
โ”‚            adds donate  โ”‚
โ”‚ status     ready        โ”‚
โ•ฐโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ•ฏ
Banners & HeadersFREE

Animated Text

Typewriter:
Hello! I'm typing this character by character...

Gradient Wave:
? Rainbow colors flowing ?

Shimmer:
Sparkling magical text effect

Bouncing:
>>> BOUNCE <<<
 >>> BOUNCE <<<
Prompts & InputsFREE

Confirm

Default state (No selected):
? Delete all files? Yes / No

Toggled to Yes:
? Delete all files? Yes / No

Confirmed:
? Delete all files? Yes

Cancelled:
? Cancelled
Status & FeedbackFREE

Badge

Preset badges:
 PASS   FAIL   WARN   INFO   N/A 

Outline badges:
[typescript] [node.js] [v1.0.0] [MIT]

Status indicators:
? Production   ? Staging   ? Development   ? Offline

Custom badges:
 DEPLOY   RELEASE   HOTFIX
LayoutsFREE

Dashboard Grid

โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
โ”‚ requests    โ”‚ โ”‚ errors      โ”‚
โ”‚ 12.4k       โ”‚ โ”‚ 18          โ”‚
snippet.tsCopy
import { Box, Spinner, ProgressBar } from "termui-patterns";

console.log(Box.rounded("Deploy status", "All systems operational"));
Spinner.dots("Publishing package");
ProgressBar.gradient({ value: 72, label: "Build" });
Support TermUI