Tab Bar

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

Dashboard
Billing
Settings

New here? Read the installation guide.

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

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

More Browser pieces

View all Browser

DevTools Tab Bar

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

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.

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.

https://stripe.com

Browser URL Pill

Tiny address bar with a globe icon and a blinking cursor.