3×2 grid of colored initial tiles with site names below. Classic new-tab quick launcher.
GitHub
Linear
Stripe
Notion
Slack
Gmail
New here? Read the installation guide.
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"
}
]}
/>