shellcn | Building Terminal UIs is finally easy

BUILDING TERMINAL UIIS FINALLY EASY

Accessible. Customisable. Open Source.

npx shellcn-tui init

Components

Browse the official registry of components

Deploy:35%

Build:100%

npx shellcn-tui add progress

Center Aligned

Left Aligned

Right Aligned

npx shellcn-tui add container

System Info

CPU Usage: 42%

Memory: 3.2 GB / 16 GB

Uptime: 5 days

Updated just now

npx shellcn-tui add card

Info

Error

Warning

npx shellcn-tui add alert

Bold Green Text

Normal Text

Underlined Text

Strikethrough Text

npx shellcn-tui add text

Name

Role

Status

Alice

Engineer

Active

Bob

Designer

Away

npx shellcn-tui add table

Name:

shellcn

Email:

Type something...

npx shellcn-tui add input

Pick a framework:

> React

▶ Vue

▶ Svelte

npx shellcn-tui add select

Select features:

TypeScript

ESLint

Prettier

npx shellcn-tui add checkbox

cyan

yellow

magenta

npx shellcn-tui add separator