Vesper is a night-sky companion that does one thing: tells you what's worth stepping outside for tonight, when to go, and exactly where to look.
Built fully interactively in Google Stitch across 18 screens. A live celestial dashboard, a clockwork orrery with all 8 planets orbiting in real time, constellation deep-dives, ISS pass tracking, moon phase morphing, and a personal observation log. Everything in one place, nothing you don't need.
The aesthetic comes from antique star atlases and brass instruments. Deep midnight canvas, warm gold linework, three typefaces locked to strict roles. No neon. Something that feels like a precision tool you'd genuinely want to return to every clear evening.
The Problem:
Most people have looked up at the sky and felt something, then had no idea what they were actually looking at. Existing apps don't help. They're either buried in data, built for astronomers, or so technically overwhelming that curiosity dies before it starts. Nobody has built the calm, beautiful version. The one that just says: here's what's worth going outside for tonight.
The Solution:
Vesper is that app. It starts with the one question that actually matters: what should I look for tonight, and answers it clearly, beautifully, without making you feel like you need a degree first. The design is warm and considered rather than cold and clinical, because a tool you enjoy looking at is a tool you actually use. For those who want to go deeper, the depth is there. But it never gets in the way.
How Stitch Was Used:
Streaming generation
Every screen started as a detailed natural-language prompt, watched streaming live onto the canvas. There is something genuinely different about seeing a complex layout appear in real time rather than staring at a blank artboard. The Tonight dashboard, the Orrery, the sky gradient on Sun and Twilight. All of them generated in one shot from a single prompt. That moment is worth capturing in any walkthrough video.
In-place AI edits
After the initial generation, individual elements were refined by clicking directly on them and describing the change in plain language. Things like "make the meteor streaks fire in groups of three with different angles", "add a real dark-mode map with a street grid", "set Sky Map as the active sidebar item", and "replace the static stars with the same drifting animation as the Welcome screen". This is where Stitch earns its keep. It stops feeling like a design tool and starts feeling like a conversation. You say what you want, you watch it happen, you iterate.
Motion and shader pass
Once the layout of each screen was locked, a dedicated motion pass was run. The star-field drift, the clockwork orbital animation, the constellation line draw-ins, the nebula gradients, the meteor shower effects. Each one added through a focused prompt rather than a timeline or a code editor. The motion system is what makes Vesper feel alive, and all of it came through Stitch.
Platform Feedback:
Stitch's streaming generation is the most effective tool for dark, data-dense dashboard screens. There is no blank-canvas problem when a complex layout streams in live. The in-place editing workflow is where the real value lives: clicking a single element and describing a change in natural language ("make this feel more like a brass instrument") is closer to having a design conversation than using a tool.
Here is the Project Live Link:
https://vespersky-companion.netlify.app/
Wow, Faisal, this is pure sophistication! Stepping away from cold, data-heavy dashboards to build something that feels like an antique brass instrument is such a brilliant, inspired direction for this challenge.
Stunning execution! I also just submitted my project for the...
The Moth Who Mapped the Moon: Interactive Scroll Storybook.
"Turning a six chapter bedtime story into a scroll animated journey from a land to the moon"
"The Moth Who Mapped the Moon" is an interactive storybook I built. It is a six chapter bedtime story. Every websites in this modern 2026 era scrolls from top to bottom, but here the scroll moves the camera upper into the sky. The story reader follows a small moth named Etta traveling from land, move past a lighthouse, all the way to the stars and then moon.
Every chapter changes the background as you scroll down. The grass and lighthouse fade away, stars connect with silver lines, and the moon grows larger. A small moon position indicator on the right side of the screen tracks reading progress.
The graphics use vector illustrations and CSS animations, it is connected with a custom JavaScript scrolling. The script calculates Etta's position, wing movements, and background motion based on mouse scrolling. To keep the website responsive and smooth on new and old mobile devices, excessive background details like fireflies, the light from lighthouse, and the owl animate where only necessary.
The main challenge was balancing scroll speed. If the scenery moved too quickly, the text became hard to read. If it moved too slowly, the website felt boring. Placing the typography inside "almost close to" transparent looking cards kept the text readable over the dark sky without feeling gibberish.š
Nordlys is an Arctic expedition website set in TromsĆø, Norway. The background is a live northern lights simulation. I wrote it in HTML5 Canvas with layered noise math. Video clips look repetitive after a few seconds, but this code runs at 60 frames a second and never repeats the same shape.
On top of the sky, I built a field console. It displays local coordinates, temperatures, solar wind speeds, and geomagnetic Kp levels. There is also a packing tool for winter crossings. You can check off coats, tents, and tools, and the app tracks your total pack weight down to the gram.
The main problem was contrast. Early on, the green aurora light was too bright. It made the white headlines and data tables impossible to read. I moved the bright waves down near the horizon and kept the upper sky nearly black. That gave the text plenty of room to breathe. Small details helped a lot too, especially scale ticks, metric units, and sensor clocks on the dials.š