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.
dark (default), light, dracula, nord, tokyonight, monokai, gruvbox, solarized, catppuccin, rose-pine, aurora, midnight-sunset, onedarkpro, material, synthwave84, forestnight, oceanicnext, emberglow, midnightneon, pasteldream
| Theme | Description |
|---|---|
| One Dark Pro | VS Code inspired modern editor palette |
| Material | Material UI inspired clean modern tones |
| Synthwave 84 | Retro neon cyberpunk aesthetics |
| Forest Night | Deep green nature-inspired palette |
| Oceanic Next | Cool ocean blues with coding vibes |
| Ember Glow | Warm fiery orange and crimson tones |
| Midnight Neon | Futuristic glowing cyber aesthetics |
| Pastel Dream | Soft dreamy pastel gradients and tones |
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)centerright
- 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
- 20+ handcrafted dashboard themes
- Modern dark, pastel, neon, and nature-inspired palettes
- Consistent SVG rendering across charts and trophies
- Optimized text contrast and readability
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 (20+ supported themes) |
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 installCreate a .env file:
GITHUB_TOKEN=your_github_personal_access_token
DEFAULT_USERNAME=SamXop123
PORT=3000
NODE_ENV=developmentnpm run devVisit:
http://localhost:3000/api/profile?username=SamXop123Returns an SVG dashboard.
Content-Type: image/svg+xmlCache-Control: public, max-age=1800
Health check endpoint.
src/
βββ routes/ # API routes
βββ services/ # GitHub & platform APIs
βββ renderers/ # SVG layout & charts
βββ themes/ # Theme definitions
βββ utils/ # Caching & helperssamdev-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.
- 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.