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
Project Name:
Mitti - Taste of Your Roots
What I built:
Mitti is a cultural commerce platform that reconnects people across India with authentic regional food products from their home states. Built across 9 screens, starting with a "Where are you from?" onboarding moment where users tap their home region on an animated India map, through regional pages for Uttarakhand, Kerala, Assam and Rajasthan, to a cart that shows a living map of where every product in your box comes from.
This isn't an e-commerce app. It's a way to taste home.
I'm from Dehradun. Mandwa ka atta, Pahadi ghee, Buransh juice, I grew up with these. Small farmers in Chamoli and Almora have been producing them for generations. They just had no digital home. Mitti is built for that gap.
How I used Stitch:
Every screen was generated using Stitch's streaming generation, I watched each interface materialize in real time and steered it mid-stream before it was done. Used in-place AI edits extensively to refine details without regenerating entire screens. The homepage India map and Find Your Roots onboarding screen use HTML canvas animations, floating spice particles, regional glow pulses, a breathing radial gradient, all generated and iterated through Stitch. Built all 9 screens, connected them into a working prototype, first time on the platform, solo, under 36 hours.
Stitch features used:
Streaming generation, in-place AI edits, HTML canvas motion, CSS keyframe animations, prototype linking across 9 screens, SVG particle systems.
Feedback on Stitch:
The streaming generation changes how iteration feels, you stop treating AI as a vending machine and start having a conversation with the canvas. Steering mid-generation saved enormous time. In-place edits meant I never had to throw away a screen and start over. The HTML canvas motion capability is genuinely new territory for a design tool, I built animations I'd normally need a developer for.
One improvement: a shared design system defined at project start would help maintain cross-screen consistency when building multi-screen apps. DESIGN.md is powerful but discovering it mid-build means retrofitting.
Key numbers:
9 screens built. 4 regions. 36 hours. Solo build. First time using Stitch. Real startup idea, not just a competition entry.
Really like the idea of the living map and regional discovery experience. The focus on local producers and cultural identity makes this stand out from most marketplace concepts.
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.
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
1. Project Link
https://stitch.withgoogle.com/projects/9509844389363739472
website link
https://rupendrajnv.github.io/stitch/
----------
What I built:
A cinematic Web3 fintech landing page for a fictional startup called Fluxora — featuring a full-screen AI character video background, glassmorphism stat cards with animated count-ups, a custom cursor, scroll-triggered reveals, and a deep navy-blue color system. The experience is designed to feel alive from the first second — motion-forward, conversion-focused, and premium.
🔧 How I Used Stitch
I came to Stitch with a clear creative direction and one asset — an AI-generated character video from Kling. I prompted Stitch to build a full landing page around it: cinematic overlay system, glassmorphism UI components, animated statistics, and a partner bar. Stitch generated the entire interface in one pass, and I used in-place AI edits to refine the color theme from red to a clean navy-blue system and tighten the typography hierarchy. The native motion and animation support let me get scroll-triggered reveals and count-up animations without writing a single line of JS manually.
💬 Feedback on Stitch
Stitch's streaming canvas generation is genuinely fast — watching the interface build itself in real time made iteration feel low-friction. The in-place edit workflow (prompt + point-and-click) was the standout feature for me. Being able to say "change the overlay to blue" and see it apply contextually — without rebuilding from scratch — is exactly how AI tools should work in a design workflow. The motion and animation support on the HTML canvas is a real differentiator. For someone coming from a video and motion design background, having that baked in natively felt natural. Would love deeper control over animation easing curves in a future update.
--
Post on X
https://x.com/techupd59581740/status/2060750926793879905?s=20
sleek 👌🏽
Fr this challenge, I used Stitch to turn a simple idea into a working prototype in just a few minutes. I started with a prompt describing an AI companion for elderly users, and Stitch helped generate the initial screens and user flow, which I then refined and connected into a prototype.
I've actually used Stitch before on a few projects last year, so it was interesting coming back to it. One thing I noticed immediately was how much more capable it feels now. The experience is smoother, the outputs are more thoughtful, and it feels easier to move from an idea to something tangible.
My favorite part is how quickly it helps explore concepts without getting stuck on a blank canvas. It's not a replacement for design thinking, but it's a great tool for getting ideas out of your head and into a format you can test and improve.
Overall, I enjoyed using it, and it's definitely a tool I will be running back to.
Project Link:
Built a complete multi-page digital experience using Google Stitch.
For this project, I designed and prototyped Eternal Maven, a modern AI and technology agency website focused on communicating technical expertise, credibility, and premium brand positioning.
What I created:
• Homepage with a bold, future-focused visual identity
• AI Development, Web Development, and Solutions pages
• Case Study section featuring project outcomes and impact metrics
• Industry-specific expertise showcase
• Technology Stack page highlighting modern tools and platforms
• Portfolio gallery for featured work
• Blog & Insights hub for thought leadership content
• Contact and conversion-focused lead generation experience
How I used Google Stitch:
I leveraged Stitch to rapidly generate, refine, and prototype high-fidelity screens while maintaining a consistent design system across the entire experience. The platform made it easy to explore ideas, iterate quickly, and build a cohesive multi-page user journey.
Design Direction:
Dark immersive UI, electric blue accents, glassmorphic elements, modern typography, and premium visual storytelling designed for a 2026-ready digital presence.
#GoogleStitch #WebDesign #UIDesign #UXDesign #AI #ProductDesign #Prototype #DigitalExperience #Contra
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?