GitHub Stars Button · Animate UI

import {
  GitHubStarsButton,
  GitHubStarsButtonIcon,
  GitHubStarsButtonLogo,
  GitHubStarsButtonNumber,
  GitHubStarsButtonParticles,
} from '@/components/animate-ui/buttons/github-stars';

export function Stars() {
  return (
    <GitHubStarsButton username="imskyleen" repo="animate-ui" asChild>
      <a href="https://github.com/imskyleen/animate-ui">
        <GitHubStarsButtonLogo className="size-4" />
        <GitHubStarsButtonNumber />
        <GitHubStarsButtonParticles className="text-yellow-500">
          <GitHubStarsButtonIcon icon={StarIcon} color="gold" />
        </GitHubStarsButtonParticles>
      </a>
    </GitHubStarsButton>
  );
}