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 :
YOUR_GITHUB_USERNAME : change this to your github 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, aurora, midnight-sunset
Depending on how many platforms you provide:
- 1 platform: Replaces the default repository stats card.
- 2+ platforms: Renders a dedicated "Competitive Programming" section at the bottom for a clean layout.
- 0 platforms: Shows the default repository stats card.
Options: left (default), center, right
Preview:
- 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
- LeetCode: Total problems solved, difficulty breakdown, contest rating.
- Codeforces: Current rating, max rating, rank.
- CodeChef: Current rating, max rating, stars.
- Adaptive Layout: Automatically organizes 1 or multiple platform stats cleanly.
A visual trophy system highlighting GitHub milestones:
| Trophy | Description |
|---|---|
| πͺ Commits | Total contributions |
| π Pull Requests | PRs opened |
| ποΈ Reviews | PR reviews |
| π 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 |
codeforces |
string / false | β | Codeforces username |
codechef |
string / false | β | CodeChef username |
align |
string | left |
Header alignment |
hide_trophies |
boolean | false |
Hide the achievements trophies row |
- 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=SamXop123
PORT=3000
NODE_ENV=developmentnpm run devVisit:
http://localhost:3000/api/profile?username=SamXop123
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
- 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.