Network Request

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

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

New here? Read the installation guide.

Import & use
import { Browser8 } from "@/components/beste/piece/browser8";

<Browser8
  method="GET"
  path="/api/users?page=2"
  status={200}
  time="142ms"
  size="3.4 KB"
/>

More Browser pieces

View all Browser

DevTools Tab Bar

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

200
OKSuccess

Status Code Badge

HTTP code chip that tints emerald, sky, amber, or rose based on the 2xx/3xx/4xx/5xx family.

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.

You're offlineReconnect to the internet to keep browsing.

Offline Banner

Rose-tinted banner with a Wi-Fi-off tile, bold offline title, and a short reconnect hint.

https://stripe.com

Browser URL Pill

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