Tab Bar

Dashboard
Billing
Settings
About this piece

Tab Bar

Static browser tab row with favicons and titles. Decorative, not interactive.

Usage

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

import { Browser2 } from "@/components/beste/piece/browser2";

<Browser2
  tabs={[
    {
      "title": "Dashboard",
      "active": true
    },
    {
      "title": "Billing"
    },
    {
      "title": "Settings"
    }
  ]}
/>

More Browser pieces

View all Browser
React Server Components Explaineddev.to/reactjs/react-server-components-explained
12 min ago

History Entry

History row with a favicon tile, bold title, monospace URL, and a relative-time stamp.

DevTools Tab Bar

Monospace tab bar mimicking Chrome DevTools panels. The active tab shows a primary underline.

Work
GitHub
Linear
Figma
Reading

Bookmark Bar

Row of bookmark chips with folder or star icons. Short labels with soft hover states.

GitHub
Linear
Stripe
Notion
Slack
Gmail

New Tab Shortcuts

3×2 grid of colored initial tiles with site names below. Classic new-tab quick launcher.

ui.beste.co/components
Beste UI

Window Frame

Full browser chrome with traffic-light dots, an inline URL bar, and a blank page body beneath.

app.sirius.care/members
Rowan BlakeActive
Amelia FrostIntake
Noah ReyesDischarged

App Window Frame

A browser window chrome with traffic-light dots and a locked URL bar, framing a short list of member rows with status pills.