crafter-station GitHub Elements
7 components for displaying GitHub data. Great for portfolios and OSS project pages.
Install Pattern
npx shadcn@latest add @elements/github-{name}
Components
| Component | Install | Description |
|---|---|---|
| Repo Card | @elements/github-repo-card |
Repository info (name, description, stars, forks) |
| Profile Card | @elements/github-profile-card |
User profile card |
| Activity Calendar | @elements/github-activity-calendar |
Contribution heatmap |
| Contributions | @elements/github-contributions |
Contribution graph |
| Languages | @elements/github-languages |
Language breakdown chart |
| Star Button | @elements/github-star-button |
Star count button |
| Stars | @elements/github-stars |
Star count display |
Quick Patterns
# Portfolio page
npx shadcn@latest add @elements/github-profile-card @elements/github-activity-calendar @elements/github-languages
# OSS project page
npx shadcn@latest add @elements/github-repo-card @elements/github-star-button @elements/github-stars
# All GitHub components
npx shadcn@latest add @elements/github-repo-card @elements/github-profile-card @elements/github-activity-calendar @elements/github-contributions @elements/github-languages @elements/github-star-button @elements/github-stars
Common Props
Most components accept owner and repo props for API-connected data. Static data props available for SSR/demos.