HowWorks
HowWorks

Everything begins with understanding.

Type your idea to discover matching projects. Start with what's already great so you never have to build from scratch. Build and inspire together—because greatness is never achieved alone.

  1. home
  2. projects
  3. i-vibe-coded-a-3d-city-with-21-000-lines-in-4-days-every-github-dev-is-a-buildin
← Back to Projects

I vibe coded a 3D city with 21,000 lines in 4 days - every GitHub dev is a building

700 upvotes91 commentsFeb 24, 2026

Built entirely with Claude. 21,000 lines of Next.js + Three.js + React Three Fiber + Supabase + Stripe.

The result: a 3D pixel art city where every GitHub developer is a building. You can fly through it, unlock achievements, compete on leaderboards, and customize your building with items like hologram rings and neon auras.

It went viral in Brazil (96k views in 24h). People started buying ad space inside the 3D city. Revenue on day 1 from an open source project.

Some technical challenges the AI handled well:

  • Instanced rendering for 500+ buildings at 60fps
  • LOD system with texture atlasing
  • Stripe checkout integration
  • Supabase auth + RLS policies
  • Spiral city layout algorithm

Where I had to step in:

  • Architecture decisions (what to build, in what order)
  • UX flow and feature prioritization
  • Visual design direction
  • Performance debugging

Try it: https://thegitcity.com

Source: https://github.com/srizzon/git-city

S
SupermarketKey1196
CategoryVibe Coding
PostedFeb 24, 2026
Open live experience
Open live experience