Install Tabs

$npm install beste-ui
About this piece

Install Tabs

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

Usage

The import and the props worth knowing about, in one place.

import { Terminal4 } from "@/components/beste/piece/terminal4";

<Terminal4
  packageName="beste-ui"
/>

More Terminal pieces

View all Terminal
pnpm dlx shadcn@latest add button

Copy Command

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

Installing dependencies72%

Progress Bar

Monospace install line with a segmented progress meter and percentage.

$npx beste-ui@latest init

Terminal Prompt

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

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

Diff Block

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

Compiling modules
Bundling assets
Optimizing output
Publishing build

Build Steps

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

➜beste-uigit:(main)✗

Git Prompt

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