Turn your GitHub profile into a 3D city
GitHub showcases GitCity, an open-source project that turns your GitHub profile activity into a 3D pixel-art city, mapping contributions, repositories, and stars into visual elements you can explore.
Turn your GitHub profile into a 3D city
GitHub highlights GitCity, an open-source project that visualizes your GitHub profile as a 3D pixel art city.
How the visualization maps to your GitHub activity
- Contributions determine building height
- Repository count determines the city width
- Stars “light up” the windows
Tech stack
- Next.js 15
- Three.js
Exploration feature
- Try flight mode to move around and explore your generated city.
Links mentioned
- YouTube: https://gh.io/subgithub
- GitHub Blog: https://github.blog
- X: https://twitter.com/github
- LinkedIn: https://linkedin.com/company/github
- Insider newsletter: https://resources.github.com/newsletter/
- Instagram: https://www.instagram.com/github
- TikTok: https://www.tiktok.com/@github
- GitHub: https://github.com