Profile Switcher

Account menu listing profiles with the active one checked and a manage row.

New here? Read the installation guide.

Import & use
import { Browser30 } from "@/components/beste/piece/browser30";

<Browser30
  accounts={[
    {
      "name": "Mara Lindqvist",
      "email": "mara@auralis.studio",
      "initials": "ML",
      "active": true
    },
    {
      "name": "Personal",
      "email": "mara@gmail.com",
      "initials": "MP"
    }
  ]}
  manageLabel="Manage profiles"
/>

More Browser pieces

View all Browser
onboarding3/12

Find in Page

Find bar with the query, a current-of-total match counter, and prev/next/close controls.

Dashboard
Billing
Settings

Tab Bar

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

Bookmark added
Auralis — Independent Design Studio

Bookmark Added

Bookmark confirmation popover with a name field, folder picker, and actions.

react
  • react server components
  • react query vs swr
  • react 19 release notes
  • react suspense patterns

Search Suggestions

Search input with blinking cursor above a stacked suggestion list. Recent items swap in a clock icon.

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.