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.

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

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Browser34 } from "@/components/beste/piece/browser34";

<Browser34
  url="app.sirius.care/members"
  rows={[
    {
      "name": "Rowan Blake",
      "status": "Active",
      "tone": "emerald"
    },
    {
      "name": "Amelia Frost",
      "status": "Intake",
      "tone": "amber"
    },
    {
      "name": "Noah Reyes",
      "status": "Discharged",
      "tone": "muted"
    }
  ]}
/>

More Browser pieces

View all Browser
ui.beste.co/components
Beste UI

Window Frame

browser3

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

Work
GitHub
Linear
Figma
Reading

Bookmark Bar

browser5

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

Dashboard
Billing
Settings

Tab Bar

browser2

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

https://stripe.com

Browser URL Pill

browser1

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

GitHub
Linear
Stripe
Notion
Slack
Gmail

New Tab Shortcuts

browser19

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

You're offlineReconnect to the internet to keep browsing.

Offline Banner

browser26

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