GitHub Card Creator is a free online tool for generating GitHub's official-style social preview cards — the same cards you see when a GitHub link (Repository, Issue, Pull Request, Discussion, Release etc.) is shared on social media. Use it to preview, embed, or download those cards for your own site or posts.
🔗 Try it live: github-card-creator.vercel.app
Note: "GitHub" and the Octocat design are trademarks of GitHub, Inc. This project is an independent, unofficial tool made by Mastered YT Aditya and is not affiliated with, endorsed by, or sponsored by GitHub.
- 🗂️ Generate cards for Repositories, Issues, Pull Requests, Discussions, and Releases
- 🎨 Cards match GitHub's own social-preview card styling
- 🖼️ Download generated cards as images
- 🔗 Get embeddable card links/HTML for use on your own website or blog
- ⚡ Fast, client-side generation powered by Vite
- Vite — build tool and dev server
- TypeScript — primary language
- Tailwind CSS — styling
- ESLint — linting
- Deployed on Vercel
- Node.js (LTS recommended)
- npm
# Clone the repository
git clone https://github.com/MYTAditya/GitHub-Card-Creator.git
cd GitHub-Card-Creator
# Install dependencies
npm install
# Start the dev server
npm run devOpen the local URL Vite prints in your terminal (typically http://localhost:5173) to use the app.
npm run build- Open the live app (or your local dev server).
- Paste a GitHub link — a repository, issue, pull request, discussion, or release.
- Preview the generated card.
- Download the card image or copy the embeddable link/HTML for use elsewhere.
Contributions are welcome! Please see CONTRIBUTING.md for setup instructions, coding guidelines, and the pull request process.
If you discover a security vulnerability, please do not open a public issue. See SECURITY.md for how to report it responsibly.
- This project is licensed under the BSD-2-Clause License. Copyright ©️ 2025-Present, Mastered YT Aditya.
- The GitHub Card Creator logo is licensed under the CC-BY-SA-4.0 License. Copyright ©️ 2026-Present, Mastered YT Aditya.
Made with ❤️ by Mastered YT Aditya.
| Package Name | Copyright | License |
|---|---|---|
| React & React DOM | Meta Platforms, Inc. and affiliates | MIT License |
| lucide-react | 2026 Lucide Icons and Contributors | ISC License |
| Feather (Included in Lucide) | 2013-2023 Cole Bemis | MIT License |
| react-icons | 2018 kamijin_fanta <kamijin@live.jp> | Custom License |
| Vite | 2019-present, VoidZero Inc. and Vite contributors | MIT License |
| @vitejs/plugin-react | 2019-present, Yuxi (Evan) You and Vite contributors | MIT License |
| TypeScript | Microsoft Corporation | Apache License 2.0 |
| typescript-eslint | 2019 typescript-eslint and other contributors | MIT License |
| ESLint & @eslint/js | OpenJS Foundation and other contributors, <www.openjsf.org> | MIT License |
| eslint-plugin-react-hooks | Meta Platforms, Inc. and affiliates. | MIT License |
| eslint-plugin-react-refresh | Arnaud Barré (https://github.com/ArnaudBarre) | MIT License |
Tailwind CSS (via @tailwindcss/postcss) |
Tailwind Labs, Inc. | MIT License |
| Autoprefixer | 2013 Andrey Sitnik <andrey@sitnik.es> | MIT License |
| globals | Sindre Sorhus <sindresorhus@gmail.com> (https://sindresorhus.com) | MIT License |
| @types/react & @types/react-dom (DefinitelyTyped) | Microsoft Corporation | MIT License |