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 applications.
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. Built as an anchor tag linking to your repo. Perfect for open source projects, portfolio sites, or anywhere you want to highlight GitHub traction.
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 copy with feedback
Icon Button
Animated icon with active state
Liquid Button
Fluid fill animation on hover
Ripple Button
Material Design ripple effect
Flip Button
3D flip reveal animation
Magnetic Button
Particle attraction effect
FAQ
Was this page helpful?
Sign in to leave feedback.