radiumcoders/isometric-github-contributions

Isometric GitHub Contributions turns a GitHub profile's contribution calendar into an interactive 3D landscape you can view in a web browser. Each day of activity becomes a block, with taller blocks meaning more contributions that day, colored using the same shades GitHub itself uses for its contribution graph. You can drag to rotate the scene and scroll to zoom in and explore it from any angle. Using the tool is simple: type in a GitHub username or paste a profile link, and the app builds a shareable page at a clean web address like yoursite.com/username. A sidebar shows extra details such as total contributions, current and longest streaks, the busiest single day, and the most active month and weekday. The finished 3D scene can be exported as a PNG image, with an option to include those statistics directly in the exported picture. Behind the scenes it is a Next.js web application built with React and TypeScript, using Three.js to render the 3D terrain and shadcn UI components with Tailwind CSS for the interface styling. Contribution data is normally pulled through GitHub's official API, but it falls back to reading the public profile page directly if no access token is provided, so it works out of the box without any account setup. The 3D contribution graph itself is also published as a reusable component through the shadcn UI registry, so a developer building their own project can install just that piece and drop it into their own React app with a single command, rather than needing to run the whole site.