DevTools Tab Bar

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

Import & use

import { Browser7 } from "@/components/beste/piece/browser7";

<Browser7
  tabs={[
    "Elements",
    "Console",
    "Sources",
    "Network",
    "Performance"
  ]}
  activeIndex={3}
/>

More Browser pieces

View all Browser

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.

Dashboard

Billing

Settings

Tab Bar

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

GET/api/users?page=2200142ms3.4 KB

Network Request

DevTools-style row with a tinted method chip, path, colored status code, and timing and size columns.

Work

GitHub

Linear

Figma

Reading

Bookmark Bar

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

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.

Domain Stack

Four stacked browser address bars narrowing and fading with depth, each showing a different beste.co subdomain with a lock icon and traffic lights on the front window.