Orrery is an immersive, educational way to explore the solar system. Instead of reading facts, you fly through a real-time 3D cosmos: drift past the planets along their orbits, grab and spin any world, and with AR hand-tracking, reach in and move the whole system with your bare hands. Click a planet and it draws you in close to introduce itself, its gradient surface flowing as a cinematic line types out who it is. Explore all eight worlds and you earn a personalized, shareable star card.
STITCH LINKS
part1:
GlobePrimitive Design System | Stitch
part2:
Explorer Credential System | Stitch
FINAL PROJECT LINK:
orrery
Built design-first in Google Stitch and brought to life in Antigravity.I built almost the entire frontend in Stitch, design-first. Every project started from a single DESIGN md file,my source of truth for color, type, motion, and components,which kept the product consistent across three separate Stitch projects. I then generated the experience component by component: the flowing shader-gradient planets, the starfield, the orbital motion, and the interactive camera, all real, animated 3D produced inside Stitch, not static mockups. I reused those components across screens, built a separate futuristic UI library (buttons, cards, and the cursor-lit star card) in another project, and used Stitch's motion to bring the interfaces to life. Each piece was then exported to code and handed to Antigravity through Stitch's workflow, where I built the logic and the MediaPipe AR layer, looping between the two tools throughout.
Stitch genuinely surprised me. Starting from a DESIGN md made it feel like a real design system rather than a pile of one-off screens, that single file kept the whole product consistent across three projects. Generating component by component and reusing pieces worked well, and I didn't expect it to produce real, animated Three.js: shader globes, orbital motion, even a card that tilts and catches the light under the cursor, all built inside Stitch.What made it click was the export/MCP pipeline to Antigravity, it turned Stitch from a mockup tool into the genuine front half of a build.