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.
Discovery