Build Steps

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

Compiling modules
Bundling assets
Optimizing output
Publishing build

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Terminal6 } from "@/components/beste/piece/terminal6";

<Terminal6
  steps={[
    {
      "label": "Compiling modules",
      "status": "done"
    },
    {
      "label": "Bundling assets",
      "status": "done"
    },
    {
      "label": "Optimizing output",
      "status": "running"
    },
    {
      "label": "Publishing build",
      "status": "pending"
    }
  ]}
/>

More Terminal pieces

View all Terminal
Installing dependencies72%

Progress Bar

terminal5

Monospace install line with a segmented progress meter and percentage.

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.

➜beste-uigit:(main)✗

Git Prompt

terminal8

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

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.

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

REPL

terminal11

Interactive prompt showing an evaluated expression and its result.

$npm install beste-ui

Install Tabs

terminal4

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