Lord of Repo: Visualize Any GitHub Repo as an Anti-Gravity City 🌍 Powered by Google Gemini #googleai #github

Uday Dolas — Sat, 18 Apr 2026 19:51:35 +0000

This is a submission for Weekend Challenge: Earth Day Edition

What I Built

Lord of Repo is an Enterprise SaaS Visualization Platform that transforms
any GitHub repository into an interactive Anti-Gravity City — a living,
floating 3D world where every module, folder, and component becomes a
structure hovering at different altitudes, connected by energy beams.

Instead of reading walls of code, you explore a repo like a planet.

🔗Live App: https://anti-gravity-city.vercel.app

Earth Day Connection:
We built this for climate and environment repositories specifically.
The open source climate tech ecosystem has thousands of repos — carbon
trackers, biodiversity monitors, emission calculators — but most developers
never contribute because codebases feel overwhelming and alien.

Lord of Repo turns any climate repo into a world you can understand
at a glance. See the architecture, understand the structure, and know
exactly where to contribute — all without reading a single line of code first.

Demo

🔗 Live: [(https://anti-gravity-city.vercel.app)]

[ADD SCREENSHOT HERE — drag your app screenshot into the editor]

The Anti-Gravity City renders modules floating at different altitudes,
connected by energy beams and orbits. Each floating structure represents
a part of the repository. It immediately makes complex repos look
approachable and unique — because they are.

Code

noisyboy08 / Anti-Gravity-City

"Anti-Gravity" city for your "Lore of the Repo" project is a genius move. Instead of a flat grid, you can have modules floating at different altitudes, connected by energy beams or orbits. This immediately makes it look more "high-end" and unique than a standard 3D city.

🌐 Lord of Repo

A Massively Gamified 3D Metaverse for Software Engineering Teams

Lord of Repo transforms your dull, static GitHub repositories into a sprawling, interactive, 3D Cyberpunk City. Instead of scrolling through an IDE tree view, you fly through a glowing metropolis where every building is a file, the altitude of the building represents its architectural depth, and real-time live effects visualize everything from Git commits to code complexity.

🚀 The Ultimate Gamified Developer Experience

This project takes 3D Code Visualization to the absolute extreme. Here are just a few of the 19+ Interactive Systems running concurrently inside the engine:

🎮 The Feature Lab

📈 Economy of Code: Repositories turned into a Stock Market. Files dynamically gain/lose LED-ticker "value" based on complexity algorithms.
🔫 FPS Mode (Glitch Hunt): Switch from aerial drone cameras to PointerLockControls. Land on the streets, walk around in First-Person, and shoot neon wireframe Spiders…

View on GitHub

How I Built It

Tech Stack:

Next.js / React (Frontend)
Google Gemini API (AI analysis & repo explanation)
GitHub OAuth (Login with GitHub)
Vercel (Deployment)

How It Works:

User logs in with GitHub
Pastes or selects any repository
Google Gemini analyzes the repo files and structure
The app renders the repo as an Anti-Gravity City — modules float at different altitudes based on their role in the codebase
Gemini provides natural language explanations of each "building" in the city — what it does, why it exists, how it connects to others

Key Technical Decisions:

I chose the "city floating in space" metaphor deliberately. A flat
folder tree gives you no sense of importance or relationships.
An Anti-Gravity City makes architectural relationships spatial and
intuitive — core modules float highest, utilities sit lower,
adapters connect everything like bridges.

Gemini's large context window was essential here. It processes
multiple repo files simultaneously and reasons across the entire
codebase as a whole — giving explanations that understand relationships
between files, not just individual files in isolation.

Prize Categories

Best Use of Google Gemini

Gemini is the brain of Lord of Repo. Specifically:

Input: Raw repository files uploaded from any GitHub repo
What Gemini does: Analyzes the full codebase structure, understands relationships between modules, and generates human-readable explanations for each component
Output: Powers the city visualization — each floating structure is labeled and explained by Gemini
Why Gemini specifically: Its large context window allows it to process an entire repository at once and reason across files — something smaller context models cannot do effectively

Without Gemini, Lord of Repo is just a 3D city with no meaning.
Gemini is what makes every floating building understandable.

DEV Community: Uday Dolas