A calm, modern GitHub profile dashboard β generated as a single SVG.
Drop one image into your README and get live GitHub stats, contribution activity, language breakdowns, and achievement trophies. No widgets. No clutter. It just works.
Add this to your GitHub profile README (repo name = your username):
Thatβs it. Your profile now renders a live dashboard.
Available themes:
dark (default), light, dracula, nord, tokyonight, monokai, gruvbox, solarized, catppuccin, rose-pine
Disable LeetCode and show repository stats instead:
Options: left (default), center, right
- Designed as one cohesive SVG, not stitched widgets
- Calm, readable visuals that donβt overpower your profile
- Built for developers who care about craft, clarity, and signal over noise
- Total contributions (year)
- Pull requests opened
- Issues opened
- Live data via GitHub REST API
- Current streak
- Longest streak
- Total contribution days
- Powered by GitHub GraphQL API
- SVG line chart (last 30 days)
- Auto-scaled Y-axis
- Smooth curves with gradient fill
- Donut chart (top 5 languages)
- Percentage-based slices
- Calculated from public repositories
- Total problems solved
- Easy / Medium / Hard breakdown
- Contest rating with fallback to ranking
A visual trophy system highlighting GitHub milestones:
| Trophy | Description |
|---|---|
| πͺ Commits | Total contributions |
| π Pull Requests | PRs opened |
| π Issues | Issues opened |
| π¦ Repositories | Public repos |
| β Stars | Total stars |
| π₯ Followers | GitHub followers |
π Trophy tier requirements
- π₯ Bronze: Entry level (1+)
- π₯ Silver: 100+ (500+ for stars)
- π₯ Gold: 500+ (1000+ for stars)
- π Diamond: 1000+ (5000+ for stars)
| Parameter | Type | Default | Description |
|---|---|---|---|
username |
string | SamXop123 |
GitHub username |
theme |
string | dark |
Visual theme |
leetcode |
string / false | β | LeetCode username or disable |
align |
string | left |
Header alignment |
- Node.js 18+
- GitHub Personal Access Token
git clone https://github.com/SamXop123/samdev-pulse.git
cd samdev-pulse
npm installGITHUB_TOKEN=your_github_personal_access_token
DEFAULT_USERNAME=octocat
PORT=3000
NODE_ENV=developmentnpm run devVisit:
http://localhost:3000/api/profile?username=octocat
Returns an SVG dashboard.
- Content-Type:
image/svg+xml - Cache-Control:
public, max-age=1800
Health check endpoint.
src/
βββ routes/ # API routes
βββ services/ # GitHub & LeetCode APIs
βββ renderers/ # SVG layout & charts
βββ themes/ # Theme definitions
βββ utils/ # Caching & helpers
samdev-pulse logs basic, non-sensitive usage information (such as the github username passed to the api) for monitoring and improving the service.
no personal data, authentication details, or private information is collected.
Contributions are welcome.
Please see CONTRIBUTING.md for guidelines.
Ideas:
- More themes
- Codeforces / CodeChef support
- New trophy categories
- Animated SVG elements
- CI & tests
MIT Β© SamXop123
If this helped you, consider giving the repo a β It helps more developers discover the project.