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
Back to feedPost
I built AuraWeather. It is a weather app concept focused on making the interface feel alive.
Prototype link: https://stitch.withgoogle.com/preview/15014247126704154971?node-id=456b35a454fc4615ade1fca5a12e3e7c
Instead of just showing standard static text and numbers, the whole background uses real-time fluid canvas animations that actively change based on the current weather. I combined this with a clean glass UI so the dynamic background colors blend right through the cards.
I used Stitch to take this from a basic layout idea to a fully interactive prototype really fast. First, I used the streaming generation to set up my base design system and styling. After that, I relied heavily on the in-place AI edits. This feature let me add the fluid background motion, smooth state transitions, and card hover effects directly onto the canvas without having to code complex animation loops by hand.
Feedback on Stitch
I really loved the experience. Being able to just click an element and tell the AI to add specific canvas animations or hover states saved me a massive amount of time. It cuts out hours of messing around with CSS, and it honestly makes trying out different motion ideas feel super natural and fun.
Loom recording: https://www.loom.com/share/b4ee98994af04441bcf5cfcf582470ce
Bro, this is absolutely insane in the best way.
@Denis Turbin thanks!
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
Related posts
I joined the Google Stitch Challenge on Contra and built a comprehensive Driver Service MVP concept. 🚀
The idea started simple: What if an app didn’t just list tasks, but felt like an intuitive, real-time control center for a driver's entire shift?
Using Google Stitch as a design partner, I mapped out a complete visual system and built-out a structured flow including:
Kinetic Utility System: Setting up the core typography, component library, and color palette.
Driver Portal & Authentication: A seamless login and onboarding interface.
Live Job Dashboards: Interactive screens tracking available jobs, estimated earnings, and immediate "Accept Job" actions.
Active Mission Tracking: Real-time route mapping, turn-by-turn navigation, and customer details.
Earnings & Driver Profiles: Clear breakdowns of weekly metrics, historic data, and vehicle documentation management.
Getting the exact hierarchy, grid spacing, and multi-screen visual flow right took some iterating, but that’s where the tool shined. It allowed me to explore layouts quickly without losing my personal design taste.
If I get more time, I'd love to scale this further with micro-interactions, custom map elements, and dark-mode states.
Built for the Google Stitch Challenge on Contra.
Nice One..Best of Luck for the challenge!
I joined the Google Stitch Challenge on Contra and built Habify.
A habit tracker and financial tracker in one place — built for young people who have the ambition, but not the system to back it up.
The core idea: what if every habit you complete could automatically move money into your savings?
I used Google Stitch to go from idea to interactive prototype — streaming layouts directly to canvas, refining with in-place AI edits, and testing motion and interactions without ever leaving the tool.
Stitch made it easy to move fast and stay focused on what matters: the experience, not the process.
Built for the Google Stitch Challenge on Contra.
#GoogleStitch #Contra #DesignChallenge #UIDesign #MobileDesign #AIDesign #ProductDesign
This project is destined for greatness! It deserves a million views and likes. 🐈
Project Title:
Actual Facts · Observatory Dashboard 🔭
Short Written Description:
An interactive, high-frequency mathematical observation cockpit that visualizes celestial and physics data profiles in real time. Rooted in foundational mathematical study, it balances historic planetary analytics with a live linear tracking simulation comparing the Speed of Light, Earth’s Rotation, and the Speed of Sound on shared relative scales complete with dynamic Web Audio acoustic synthesis and an animated cosmic background engine.
Explanation of Stitch Workflow:
Google Stitch served as the core creative and architectural foundation. Using Stitch’s newly launched AI Design-to-Code Pipeline, I built the complete Tactical Telemetry UI Standard — including the glassmorphic card matrix with --cyan and --gold design tokens, the persistent Analytics Dock, canvas engine containers for the starfield and orrery systems, and the interactive modal reveal components. Stitch also guided the Starfield Warp Response and Relativistic Orrery Sync behaviors, establishing how UI elements connect to the background rendering engines. This scaffolding was then exported to Replit where advanced physics calculation loops, high-frequency velocity simulation, Web Audio API synthesis, and live hosting were layered on top. The result was a true hybrid pipeline Stitch as design intelligence, Replit as execution environment.
Feedback on Experience:
Stitch was remarkably smooth for the initial creative phase spinning up UI layouts, establishing design tokens, and visualizing component interactions before entering a heavy deployment environment. The AI Design-to-Code Pipeline specifically accelerated decisions that would normally take hours of manual CSS iteration. For future iterations, deeper direct integration hooks with cloud environments like Replit would be a game changer a seamless one-click push from Stitch’s front-end scaffolding straight into a live server would complete the pipeline and make Stitch an end-to-end production tool.
Walkthrough Video Attached Below
Really like this, the real time physics + cosmic visualization idea feels very unique and experimental. The blend of math + motion + sound is strong.
View my entry for this challenge
https://on.contra.com/pnfJBQ
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.
Challenges
View all
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?