GitHub Stars Button

Buttons

About

A button that links to a GitHub repository and animates in its live star count, filling a star icon and firing a small particle burst when the count finishes counting up.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds GitHub Stars Button to your project and fits it to your theme.

Code

How GitHub Stars Button is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import {
  GitHubStarsButton,
  type GitHubStarsButtonProps,
} from "@/components/ui/components-buttons-github-stars";

interface GitHubStarsButtonDemoProps {
  variant?: GitHubStarsButtonProps["variant"];
  size?: GitHubStarsButtonProps["size"];
}

export default function GitHubStarsButtonDemo({
  variant = "default",
  size = "default",
}: GitHubStarsButtonDemoProps) {
  return (
    <GitHubStarsButton
      variant={variant}
      size={size}
      username="shr3kx"
      repo="odysseyui"
    />
  );
}