New Tab Shortcuts

GitHub
Stripe
Notion
About this piece

New Tab Shortcuts

Grid of colored initial tiles with site names below. Classic new-tab quick launcher.

Usage

The import and the props worth knowing about, in one place.

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

<Browser19
  shortcuts={[
    {
      "name": "GitHub",
      "url": "github.com",
      "tint": "slate"
    },
    {
      "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"
    }
  ]}
  bordered={false}
/>

More Browser pieces

View all Browser
Dashboard
Billing
Settings
GET/api/users?page=2200142ms
Work
GitHub
Linear
Figma
ui.beste.co/components
Beste UI
React Server Components Explaineddev.to/reactjs/react-server-components-explained