Pieces/Terminal(13)

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

$npx beste-ui@latest init

Terminal Prompt

terminal1

Dark shell line with an emerald prompt, command text, and a blinking block cursor.

pnpm dlx shadcn@latest add button

Copy Command

terminal2

CLI code line with a chevron prefix and a copy button that flips to a check.

deploy
$beste deploy --prod
Building application…Uploading assets…Deployed in 4.2s

Output Window

terminal3

Window-chrome shell showing a command and its output ending in a success line.

$npm install beste-ui

Install Tabs

terminal4

Package manager tabs that swap the install command, with a copy button.

Installing dependencies72%

Progress Bar

terminal5

Monospace install line with a segmented progress meter and percentage.

Compiling modules
Bundling assets
Optimizing output
Publishing build

Build Steps

terminal6

Stacked task list with done, running, and pending status markers.

12:04:01OKServer ready on port 3000
12:04:03INFOCompiled /dashboard in 240ms
12:04:06WARNSlow query took 412ms
12:04:09ERRFailed to reach cache

Log Stream

terminal7

Timestamped log lines tagged by level in info, warn, error, and ok colors.

➜beste-uigit:(main)✗

Git Prompt

terminal8

Shell prompt with a git branch segment and a clean or dirty status marker.

components/Button.tsx
function Button({ label }) {
return <button>{label}</button>;
return <button className="btn">{label}</button>;
}

Diff Block

terminal9

Unified diff with added and removed lines tinted green and red.

Installing packagesctrl-c to cancel

Loading Line

terminal10

Single indeterminate line with a spinner and a cancel hint.

>[1, 2, 3].map((n) => n * 2)
[ 2, 4, 6 ]
>

REPL

terminal11

Interactive prompt showing an evaluated expression and its result.

renders the label
fires onClick
respects disabled state
2 passed1 failed1.24s

Test Summary

terminal12

Test run output with pass and fail markers and a totals bar.

npx sirius-cli@latest init

✓ Workspace ready. Open the dashboard to invite your team.

CLI Command Card

terminal13

A dark terminal card with traffic-light dots, a prompted command, and a success output line.