Aura — Spatial Soundscape Generator

Aura — Spatial Soundscape Generator Built with Google Stitch Aura is a spatial soundscape generator built with Google Stitch for the theme “Build interfaces that feel alive.” Stitch Project Link: https://stitch.withgoogle.com/projects/18244428936012560793?pli=1 Live Deployment Link: AURA Most ambient sound apps rely on static lists, sliders, and presets. I wanted to take a different direction and make sound feel physical, visual, and interactive.

Aura turns each ambient sound into a living glass node inside an immersive canvas. Users drag sounds closer to the central Listener to increase intensity, move them through space to shape presence, and overlap nodes to create blended moods.

The idea behind Aura is simple:

🚀 You don’t adjust sound — you shape it.

👍 The project includes:

A polished landing page A Begin Session flow into the core experience A spatial sound canvas Draggable sound nodes for ambient audio Real audio playback Intensity changes based on distance from the Listener Motion-rich glow, ripple, hover, and drag states A premium visual style inspired by spatial audio and immersive interfaces

🙌 Google Stitch Usage

Google Stitch was the core part of my creative workflow.

I used Stitch to generate the first version of Aura directly on the canvas, then refined the landing page, Aura Studio, glass sound nodes, motion states, hover states, ripple effects, and shader-style background through prompt-based and in-place edits.

After the design direction was created in Stitch, I continued directly into Google AI Studio to make the prototype functional, including the Begin Session navigation, draggable sound nodes, spatial audio behavior, and real sound playback.

🙌New Stitch Features Used

Streaming generations directly to the canvas In-place AI edits using prompts and point-and-click interactions Native motion, animation, shaders, and hover states on HTML canvas Expanded builder workflow / handoff (Continued from Stitch into Google AI Studio to make the prototype functional.)

💯 Feedback on Using Stitch

Stitch actually surprised me on many occasions, stitch helped me move quickly from an abstract idea into a polished product experience. The most useful part was being able to generate the interface, then refine specific parts of the design without starting over.

In-place edits were especially helpful for improving the glass sound nodes, motion behavior, and visual atmosphere of Aura Studio. Once I defined the core logic — distance equals intensity, movement shapes presence, and overlap creates blends — Stitch made it easier to turn the idea into a working visual experience.