Two weeks ago I launched Stack Universe as a side project between classes. Last week Phase 2 shipped with repo health scores and PR moons orbiting planets. Today Phase 3 is live and it's the most visually dramatic update yet, your entire CI/CD pipeline is now part of your solar system.
→ https://stack-universe.vercel.app
Quick context if you missed the previous posts
Stack Universe turns any GitHub profile into a unique 3D solar system. Your repos are planets. Size = star count. Orbit speed = days since last push. Your real commit messages float across the system on shooting stars. Your forked repos drift as asteroids in the belt. Every developer gets a permanent universe at their own URL,
stack-universe.vercel.app/universe/username.
Phase 2 added repo health scores that drive planet appearance — a repo with 200 open issues gets a stormy red atmosphere. A healthy active repo glows clean and bright. PR moons orbit planets showing open pull requests. Dead repos drift to the outer graveyard zone.
Phase 3 takes that further. Now your GitHub Actions runs are live inside your universe.
What shipped in Phase 3
Build history meteor shower
Every tier 1 planet, your top 5 repos by stars, now has a ring of particles orbiting just outside its atmosphere. Green particle = successful build. Red = failed. Yellow animated = currently running right now.
You can look at any planet and know its CI/CD history without hovering or clicking anything. Dense green ring means clean pipeline. Scattered red means something has been broken for a while. It communicates pipeline health the same way a planet's atmosphere communicates repo health — instantly, visually, no reading required.
Planet surface outcome
The most recent workflow run changes the planet's surface. Successful last build = subtle green emissive glow. Failed = red flickering overlay, planet looks cracked and distressed. In progress = yellow pulsing outline ring around the whole planet. Your last build result is readable across the entire system at a glance.
Live build comet
Any workflow currently running renders as a bright yellow comet streaking toward that repo's planet from outside the system. It uses the same 16-point trail buffer as the commit message shooting stars. When it reaches the planet it triggers a pulse flash, green if the build passes, red if it fails. You can watch your CI/CD run happen inside your solar system in real time.
Deploy streak aura
Consecutive successful builds accumulate a glowing aura around the planet. 1–3 successes = 1 thin green ring. 4–6 = 2 rings, brighter. 7–9 = 3 rings, gold tint. 10+ = full pulsing golden aura that slowly rotates around the planet.
Break the streak with a failure and the aura shatters, brief particle burst outward, then gone. Rebuild it run by run and watch the rings form again. Repos with clean consistent CI pipelines look genuinely beautiful. Broken ones look like they are in distress. The visual exactly matches the reality.
Space weather HUD panel
Bottom center of the solar view now shows a SPACE WEATHER panel. Colored pulsing dots for each tier 1 repo. Green = passed. Red = failed. Yellow animated = running. If everything is healthy it shows a single line: "All systems nominal." If no repos have GitHub Actions configured at all the panel hides itself completely.
Redistribution logic in the planet detail panel
This one came from community feedback. When you click a planet the detail panel now shows exactly why that repo landed in the tier it did. Tier badge, rank out of total repos, a progress bar showing where it sits, what visual features that tier unlocks, and an upgrade hint for lower tier repos. The sorting algorithm is now fully transparent, nothing feels arbitrary.
Actions breakdown in the planet detail panel
The click panel also shows CI/CD numbers. Total runs in last 10, pass count, fail count, pass rate as a percentage with a progress bar, most recent workflow name and status, current deploy streak count. If the repo has no Actions configured it says so plainly instead of showing empty space.
What the full product looks like now after 3 phases
Phase 1 gave every developer a beautiful permanent universe from their public GitHub data.
Phase 2 made every planet actually informative, health scores, velocity rings, PR moons, graveyard.
Phase 3 made it live, CI/CD events happen inside the universe in real time.
The next two phases are the ones that turn it from a visualization into a permanent developer portfolio layer.
Phase 4 is GitHub OAuth so developers can claim their universe, customize their star, pin their featured repos.
Phase 5 is the README embed widget, one line of markdown and your animated solar system lives inside your GitHub profile permanently, visible to every recruiter and collaborator who visits your page.
An honest note:
I am 19, building this solo between diploma classes in Karachi, and I learn something new with every phase I ship.
If you are an experienced developer and you see something I should be doing differently, the React Three Fiber architecture, the GitHub API usage, the performance optimization, the 3D rendering approach, anything at all, I genuinely want to hear it.
The experienced developers in these communities have already taught me things I would not have figured out on my own and that feedback is worth more than any tutorial.
Thanks for following along. Drop your universe URL in the comments, I want to see what your system looks like with Phase 3 live.
Top comments (0)