pacekit

GitHub Star Counter

Component

About

A small badge-style link that fetches and displays a GitHub repository's live star count with an animated rolling-digit counter.

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

Code

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

Usage.tsx

import GithubStarCounter from "@/components/ui/github-star-counter";

export default function GithubStarCounterDemo() {
  return (
    <div className="flex items-center justify-center">
      <GithubStarCounter repo="shadcn/ui" />
    </div>
  );
}

More by pacekit

View all
  • AI Response Writer

    AI Response Writer

    357
  • Mouse Wave Text

    Mouse Wave Text

    16
  • Bouncing Text

    Bouncing Text

    14
  • Gradient Shadow

    Gradient Shadow

    12
  • Scramble Text

    Scramble Text

    9
  • AI Suggestions

    AI Suggestions

    6
  • Squash Text

    Squash Text

    5
  • Form Input

    Form Input