New Tab Shortcuts

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

GitHub

Linear

Stripe

Notion

Slack

Gmail

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

Import & use

import { Browser19 } from "@/components/beste/piece/browser19";

<Browser19
  shortcuts={[
    {
      "name": "GitHub",
      "url": "github.com",
      "tint": "slate"
    },
    {
      "name": "Linear",
      "url": "linear.app",
      "tint": "violet"
    },
    {
      "name": "Stripe",
      "url": "stripe.com",
      "tint": "emerald",
      "src": "https://oud.pics/sm/l/stripe.jpeg",
      "alt": "Stripe"
    },
    {
      "name": "Notion",
      "url": "notion.so",
      "tint": "amber",
      "src": "https://oud.pics/sm/l/notion.png",
      "alt": "Notion"
    },
    {
      "name": "Slack",
      "url": "slack.com",
      "tint": "violet",
      "src": "https://oud.pics/sm/l/slack.svg",
      "alt": "Slack"
    },
    {
      "name": "Gmail",
      "url": "gmail.com",
      "tint": "rose",
      "src": "https://oud.pics/sm/l/gmail.jpeg",
      "alt": "Gmail"
    }
  ]}
/>