A beautiful button that displays your GitHub repository's star count with real-time data fetching.
On This Page
Search for a command to run...
A beautiful button that displays your GitHub repository's star count with real-time data fetching.
On This Page
import { GitHubStarsButton } from "@/components/ui/github-stars-button";
export default function Example() {
return <GitHubStarsButton repo="heygaia/gaia" />;
}<GitHubStarsButton repo="vercel/next.js" />
<GitHubStarsButton repo="facebook/react" />
<GitHubStarsButton repo="microsoft/vscode" /><GitHubStarsButton repo="heygaia/gaia" showLabel={false} /><GitHubStarsButton repo="heygaia/gaia" size="sm" />
<GitHubStarsButton repo="heygaia/gaia" size="default" />
<GitHubStarsButton repo="heygaia/gaia" size="lg" /><GitHubStarsButton
repo="heygaia/gaia"
className="hover:scale-105 transition-transform"
/>| Prop | Type | Default | Description |
|---|---|---|---|
| repo | string | - | GitHub repository (owner/repo) |
| showLabel | boolean | true | Whether to show "GitHub" label |
| size | "sm" | "default" | "lg" | "sm" | Size of the button |
| className | string | undefined | Additional CSS classes |