Shadcn.io is not affiliated with official shadcn/ui
GitHub Stars Button
GitHub stars button with live star count and animated sliding number display for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.
GitHub Stars Button preview
Show off your GitHub stars with a button that fetches and displays the live count with smooth number animations. Stars animate digit-by-digit using the SlidingNumber component for that satisfying mechanical counter effect. Caches counts in localStorage for instant display on repeat visits while fetching fresh data in the background. Renders as an anchor via asChild linking to your repo. Perfect for open source projects, portfolio sites, or anywhere you want to highlight GitHub traction. Built on top of the shadcn Button so every variant and size you already use just works.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this button for you — no copy-paste, no CLI:
use shadcnio to install the github-stars-button button into my projectRelated Components
Copy Button
Clipboard with feedback
Counter Button
Animated increment
Loading Button
Async loading state
Icon Button
Icon with active state
Success Button
Success checkmark state
Input Button
Expanding input field
FAQ
Was this page helpful?
Sign in to leave feedback.
Flow Button
Button with a hover-driven 180° rotating conic-gradient border for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.
Glass Button
Translucent button with backdrop-blur for frosted-glass aesthetic over rich backgrounds in React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.