Bookmark Bar

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

Work

GitHub

Linear

Figma

Reading

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

Import & use

import { Browser5 } from "@/components/beste/piece/browser5";

<Browser5
  bookmarks={[
    {
      "label": "Work",
      "folder": true
    },
    {
      "label": "GitHub"
    },
    {
      "label": "Linear"
    },
    {
      "label": "Figma"
    },
    {
      "label": "Reading"
    }
  ]}
/>