A lightweight web app that lets you generate a stylish business card from any GitHub username or profile URL. You can download the card as a PDF , PNG or share it directly along with the GitHub link. Includes dark mode support!
- 🔍 Fetch GitHub profile data (name, avatar, bio, stats, etc.)
- 📦 Calculate total public repositories and stars
- 🌐 Generate a QR code linking to the GitHub profile
- 📄 Download the business card as a PDF (via jsPDF)
- 📄 Download the business card as a png (via html2canvas)
- 📤 Share the card image + GitHub link (via Web Share API)
- 🌙 Toggle between Light and Dark mode
- 📱 Mobile-friendly layout
- Enter a GitHub username or full profile URL.
- Click Generate Card.
- The app fetches profile data using the GitHub REST API.
- A visually styled business card is rendered.
- You can:
- Click Download PDF or Click Download PNG to save it.
- Click Share to send the card image and link.
- Toggle between light/dark mode.
- Vanilla JavaScript (ES6)
- HTML5 + CSS3
- GitHub REST API
- jsPDF
- html2canvas
- QR Server API
| Light Mode | Dark Mode |
|---|---|
 |
 |
📁 github-business-card/
├── index.html # Main web page
├── style.css # Embedded CSS styles
├── script.js # JavaScript logic (if separated)
├── preview.png # Preview image for README
└── README.md # You're here!
No installation required! Just open the index.html in your browser.
git clone https://github.com/paulmagadi/github-business-card-generator.git
cd github-business-cardThen open index.html or host it.
Sharing uses the Web Share API, which is supported on most modern mobile browsers.
If unsupported, the image is automatically downloaded instead.
The app only fetches public GitHub profile and repository data.
GitHub API rate limits may apply for unauthenticated requests (60/hour).
MIT License. Use freely, modify, and share!
Paul Magadi 💼 LinkedIn 📂 Portfolio 💻 GitHub
If you find this useful, star the repo and share it with fellow devs!