Terminal Prompt

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

$npx beste-ui@latest init

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

Import & use

import { Terminal1 } from "@/components/beste/piece/terminal1";

<Terminal1
  prompt="$"
  command="npx beste-ui@latest init"
/>

More Terminal pieces

➜beste-uigit:(main)✗

terminal8

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

npx sirius-cli@latest init

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

terminal13

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

components/Button.tsx

function Button({ label }) {

return <button>{label}</button>;

return <button className="btn">{label}</button>;

}

terminal9

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

deploy

$beste deploy --prod

Building application…Uploading assets…Deployed in 4.2s

terminal3

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

pnpm dlx shadcn@latest add button

terminal2

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

Installing packagesctrl-c to cancel

terminal10

Single indeterminate line with a spinner and a cancel hint.