// title: Profile repository listing with badge counts per tab import { StarIcon } from "lucide-react"; import { Badge } from "@/registry/default/ui/badge"; import { Tabs, TabsList, TabsPanel, TabsTab } from "@/registry/default/ui/tabs"; const repos = [ { description: "Production-ready component library built with Base UI.", language: "TypeScript", name: "ui-cnippet", stars: 1204, }, { description: "Opinionated Next.js starter with auth and Tailwind CSS.", language: "TypeScript", name: "next-starter", stars: 847, }, { description: "Collection of reusable Tailwind CSS utility classes.", language: "CSS", name: "tailwind-utils", stars: 432, }, { description: "Custom React hooks for common UI patterns.", language: "TypeScript", name: "hooks-lab", stars: 298, }, ]; const langColor: Record = { CSS: "bg-purple-500", TypeScript: "bg-blue-500", }; export function Pattern() { return (

Overview Repositories 24 Stars 108 Activity

Design engineer at Acme. Building accessible UI components and the tools around them.

{repos.map((repo) => (

{repo.name} Public

{repo.description}

{repo.language} {repo.stars.toLocaleString()}

))}

108 starred repositories, mostly design systems and dev tools.

Opened 4 pull requests and reviewed 9 this week.

); }