GitHub Star Button
A button component that displays the number of stars a GitHub repository has, with a dynamic animation effect.
Pumki UIInstallation
Usage
1import { GitHubStarsButton } from '@/components/pumki-ui/buttons/github-star';1<GitHubStarsButton username="AnshSinghSonkhia" repo="pumki-ui" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| inViewOnce? | boolean | true | Animate only the first time the button enters the viewport |
| inViewMargin? | string | 0px | Margin for viewport detection |
| inView? | boolean | false | Enable viewport-based animation |
| formatted? | boolean | false | Show compact number format (e.g. 1.2k) |
| transition? | object | { stiffness: 90, damping: 50 } | Spring animation config |
| repo | string | - | GitHub repository name |
| username | string | - | GitHub username or organization |
Last updated on