Aura - The World's First Emotion-Adaptive Interface System

Designed with Google Stitch.

As a developer, I've used plenty of AI tools that can generate screens, but I was curious about something different with Stitch:

Could I use it to create an experience-first interface that felt alive rather than just another website?

That question became AURA — an experimental emotion-adaptive interface that transforms its visual environment based on how users want to feel.

Instead of approaching the challenge as a traditional landing page, I wanted to explore a more immersive direction. What if an interface could behave like a living environment? What if changing an emotional state could alter the atmosphere, motion, lighting, color palette, and overall experience?

To test that idea, I designed AURA as a digital experience where users can explore emotional worlds such as Joy, Peace, Wonder, Creativity, Ambition, and Reflection.

How Stitch fit into the workflow

I didn't start with prompts, I started with ideas.

The first step was sketching rough wireframes and visual concepts to establish the structure and flow of the experience. I then created a custom design.md document containing the creative direction, emotional worlds, visual principles, motion goals, typography, color systems, and overall artistic vision for the project.

After importing those references into Stitch, the process became incredibly fluid. The streaming generation experience was one of the most impressive parts of the workflow. Instead of waiting for a final output, I could literally watch the interface take shape directly on the canvas and react to ideas in real time.

Once the foundation was generated, I spent most of my time using in-place AI edits.

I'd select sections, experiment with different visual treatments, adjust atmosphere, refine layouts, introduce new interactions, and push the experience closer to the vision I had in mind without having to restart from scratch.

That iterative loop felt much closer to actual design work than traditional prompting.

Motion was another area where Stitch stood out.

Since the challenge theme was "Build interfaces that feel alive," I focused heavily on creating smooth transitions, hover interactions, atmospheric movement, environmental effects, and immersive visual storytelling.

The result feels less like a conventional website and more like a digital art installation.

New Stitch features I leaned on

📄 Imported custom design.md creative direction document

📄 Imported rough wireframe concepts and visual references

🌊 Streaming generations directly to the canvas

⏩ In-place AI edits using prompts and point-and-click interactions

🎥 Motion-rich interactions, hover states, and immersive transitions

🎨 Rapid visual experimentation and iteration

🚀 Export-ready workflow for deployment

Feedback on Stitch

Most AI workflows involve repeatedly prompting, waiting, evaluating, and starting over. Stitch felt different, The streaming canvas made the process feel much more collaborative and interactive. Watching designs appear in real time created a stronger sense of momentum and made iteration feel natural.

The ability to import references and then refine sections through in-place edits was probably my favorite part of the experience. Rather than constantly rewriting long prompts, I could focus on improving specific parts of the design while preserving everything that was already working.

As someone who enjoys experimenting with interface concepts, that workflow felt significantly closer to how designers and developers naturally think.

One feature I'd love to see expanded further is even more granular visual control directly within the canvas, allowing creators to tweak generated elements while maintaining the speed of the AI workflow.

Overall, Stitch helped shorten the distance between a rough idea and a polished interactive experience.

Live Prototype: https://8d2a7837-aura-living-interface-system.netlify.app/

Link to Stitch: https://stitch.withgoogle.com/projects/6682479894200923414

This is awesome

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.

woooooooooow