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've wanted a really minimal focus timer for a long time. One screen, calm, no clutter. So I finally built it: Aura. You pick a mood and the whole screen turns into a soft glow that breathes with the sound while you work.
How it came together:
- I designed it in Stitch. I just described what was in my head and it drew it for me. I kept nudging it with prompts and clicks until it felt right (I even ripped out a soundscape picker partway through, and turned an early "orb" into a soft breathing gradient), then exported the code.
- Then I used Claude Code to make it actually feel alive. A custom audio-reactive shader so the gradient moves with the sound, plus little milestones that save your focus hours on your device.
- Pick a mood (Calm, Flow, Energized, Dream) and the whole screen re-tints. It does one thing and it does it nicely. Honestly it's become the timer I actually use.
Try it: https://aura-focus-2026.web.app
Stitch really surprised me with how fast it went from a sentence to a real, consistent design. New screens just picked up the style without me re-explaining anything, and the in-place editing is the magic.
A few small things:
- Sometimes an edit made a new screen instead of changing the one I'd selected
- I wish I could've kept the custom shader and audio inside Stitch instead of exporting. But it carried the whole design part for me.
- There's a bug in the prototype, for some reason it was showing me wrong layouts
Credits:
Pixabay for royalty free musics
Really like this, the single-screen focus idea + mood based ambient UI feels very calming and intentional. The audio reactive gradient is a nice touch.
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.
Hat’s off to you for creating something this impressive.
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 built a working prototype for a sports fashion app using design.md. It was a great starting point for setting up the basics like typography, spacing, colours, and layout, which made it much easier to stay consistent throughout the design.
Prototype Preview →
The prototype covers the full journey from Sign-in to Sign-out, including:
• SignUp/In
• Onboarding
• Home Page
• Search
• Filtering
• Side Navigation
• Product Discovery & Listing
• Product Detail Page
• Cart Experience
• Checkout Flow
• Order Confirmation
• Profile
• Account Settings
• Order History
I've played around with Stitch before and made a few rough drafts, but this version feels like a big step forward. What I really enjoyed was the balance between AI-generated screens and manually connecting, refining, and shaping the experience myself.
By the end, it didn't feel like something AI made for me; it felt like something I built. Stitch handled a lot of the heavy lifting, but there was still enough control to make the product feel handcrafted and intentional.
Really impressed by how quickly it helped establish the foundation while still leaving plenty of room for creativity and refinement.
My submission for the Google Stitch Challenge is an UI experience in a concept app I called Build a Feeling. 😊
Link to project: click here
Some if not most kids usually have harder times opening up to adults about their emotions, especially if they don't know what they are feeling themselves.
This app helps a child understand some of the more complex emotions they may be feeling, but don't know the words for just yet.
Describe an experience by taping text bubbles.
Can be as low as 1 or as many as 4.
The app tells you which emotions they may have felt, description, and validation, making them heard.
The user can log their emotion(s) for the session and have them stored on a separate page with dates and all the other important information.
For this project I used Gemini 3, Gemini 3.1 Pro, and Redesign with Nano Banana in Google Stitch.
This is just a concept design, but can be tuned up with more features, animations, statistics, etc.
I actually loved using Stitch by Google, especially with absolutely zero coding experience prior.
Amazing!
Most travel apps solve booking. None of them solve the reason people never book in the first place.
The problem is not money. Most people who want to travel actually have enough. The problem is that travel has no due date. Your EMI comes out on the 5th. Your insurance renews in March. Your electricity bill arrives every month without asking. They all get paid - because they have a structure that does not accept someday as an answer.
Your dream trip has none of that structure. So it waits. Every year. Until it stops feeling like a plan and starts feeling like a personality trait.
That insight became Voya.
This is the Original Workflow but due to certain issues I am not able to create prototype in same file so I duplicate that workflow and create new prototype.
Prototype:
https://stitch.withgoogle.com/preview/17661579163113846531?node-id=052829c9edd64f84b05c85db6b5bd998
𝗪𝗵𝗮𝘁 𝗺𝗮𝗸𝗲𝘀 𝗶𝘁 𝗱𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝘁:
→ Saves a fixed amount from your income every month automatically - like an EMI, but for your next trip
→ Shows you where your rupee goes furthest right now based on live currency exchange advantages
→ Monitors flight prices 24/7 and alerts you the moment fares drop on your target routes
→ Tracks hotel pricing cycles so you book the same property for significantly less
→ Forecasts exactly where you can travel with your current savings - and when you unlock better destinations in 3, 6, or 12 months
→ Builds four completely different trip packages for the same destination - one for people who want luxury hotels and economy flights, one for business class comfort with simple stays, one for slow deep travel, one for multi-city discovery - you compare and pick yours
→ Shows you the real cost of waiting - how much more you will pay if you book when you originally planned versus booking now with your savings
→ Gives you back the mental peace of knowing the trip is already funded - so when you return home you return to the exact financial life you left. No investments liquidated. No recovery period.
wow this is very nice man
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?