Explore AURA: Innovative Interactive Wellness WorkspaceExplore AURA: Innovative Interactive Wellness Workspace
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Hello everyone, My name is Prasun and this is AURA.
A BRIEF DESCRIPTION OF THE PROJECT " AURA " WE BUILT-
AURA is an interactive, luxury sensory-cognitive wellness workspace designed to reduce stress and foster deep flow states. Moving away from traditional, static software grids, AURA implements an HTML5 canvas vector flow field running at a locked 60 FPS. This interactive backdrop translates user mouse trajectories dynamically into fluid particle paths while feeding spatial data into a multi-voice synthesizer built directly on the native Web Audio API. The result is a living user interface where touch vectors create real-time, resonance-filtered ambient chords and evolving visual physics.
2. Optional backup link to the editable Stitch workspace: https://stitch.withgoogle.com/projects/8647869648563302522
3. Brief explanation of how we used Stitch:
Google Stitch was the main control center for the whole project. We started by writing down all our styling rules—like our specific dark blue colors, see-through panels, and smooth 24-pixel corners—in a file named DESIGN.md. Because Stitch reads this file as a strict visual guide, its AI engine automatically placed all our volume sliders and screen controls perfectly without breaking our theme. For the advanced setup, we used a terminal tool called an MCP server to link our online design directly to our computer. This let our offline coding tools inside Google Antigravity 2.0 scan our project files, check our work, and make sure our music audio settings were perfectly synced.
4. Feedback -
The Good Parts: The DESIGN.md file system is amazing. It completely stops the AI from changing your colors or fonts randomly on later edits, keeping the design looking clean and consistent. Also, the one-click Netlify export button makes publishing incredibly fast, letting you launch a live website in seconds without setting up complicated servers.
The Bottlenecks: Right now, if you manually tweak a design element directly on the canvas, those changes do not automatically update inside the text of your DESIGN.md file.
My Suggestions:
Make it a two-way street: if we change a color visually on the screen, have Stitch rewrite that color token in the DESIGN.md file automatically.
Add a "lock" button to elements on the canvas so that when the AI edits a specific box, it doesn't accidentally shift the positions of neighboring elements.
Build a simple visual menu for the local MCP server link so designers can connect their computer code without needing to type lines in a terminal.
5. A FULL WALKTHROUGH OF THE PROCESS : -
Rishi's avatar
This is pretty fascinating, especially the way visuals and audio are tied together through user movement. Feels more like an experience than a traditional app.
Curious what you think about it?

on.contra.com

Introducing Voya: Revolutionize Your Travel Planning Experience

Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.

Denis's avatar
Couldn’t believe my eyes when I first saw this.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started