A high-performance, self-hosted dynamic SVG generator service to create custom, ultra-aesthetic SVG README widgets. It seamlessly merges activity from both GitHub and GitLab, highlighting your full open-source footprint.
- Unified Dual-Platform Contribution Grid (
/api/grid): Fetches 365-day contribution data from GitHub and GitLab to render a combined heatmap. Dual-contribution days use an aesthetic diagonal split gradient! - Open Source Footprint (
/api/impact): Dedicated visual callout showing total Merged MRs/PRs and LoC modified. - Combined Stats (
/api/stats): Shows the platform share ratio visual bar and total contribution counts.
- Clone the repository.
- Run
npm install. - Copy
.env.exampleto.envand fill in your details:GITHUB_TOKEN(Needsread:userandreposcopes)GITHUB_USERNAMEGITLAB_TOKEN(Needsread_apiscope)GITLAB_USERNAME
- Run
npm run devto test locally.
- Push to your GitHub repository.
- Import the project in Vercel.
- Add the 4 environment variables in the Vercel dashboard.
- Deploy!
Add these to your README.md (replace your-vercel-domain.vercel.app with your actual domain):
Append ?theme=... to any route:
tokyonightcyberpunkdraculacatppuccin
You can optionally add &kitty=true (or ?kitty=true) to any endpoint to embed a cute, theme-aware pure CSS animated pixel cat wandering across the top of your widgets!