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 a fully interactive, gamified promotional website for my app, Ngider. Instead of just reading features, visitors experience the core game mechanics directly on the web, including a draggable drift radius, a discoverable traces board, and an interactive garden canvas.
How did I use Stitch?
- Extraction: Imported my app's URL to automatically extract our claymorphic design system.
- Generation: Streamed the HTML/Tailwind layout section-by-section and used in-place edits to generate CSS hover states instantly.
- Polishing: Exported the generated code and used Google AI Studio to inject custom JavaScript (parallax map, lerp cursor) for the final interactive polish.
Stitch is amazing at handling the UI/CSS heavy lifting while leaving enough control to make the final product feel handcrafted. It would be absolutely perfect if it included a visual "Logic Node" system for basic JS interactions right inside the canvas!
- Live Site: https://ngider-web-promo.netlify.app/
- Stitch Project: https://stitch.withgoogle.com/projects/16059927549887365239
Very well thought out. The structure is perfect.
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
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:
AFTERCUBE — AI Visual Worlds From Raw Ideas
For the Google Stitch Challenge, I created AFTERCUBE — a dark cinematic AI visual studio that turns raw ideas into website concepts, brand systems, motion direction, and immersive digital worlds.
The idea was simple:
What if one rough prompt could become a complete visual direction?
Not just a layout.
Not just a dashboard.
A full world.
AFTERCUBE is designed as a premium creative engine where users can start with a raw idea and generate cinematic website concepts, visual identity direction, interface systems, brand atmospheres, featured world concepts, and motion-ready digital experiences.
The final landing page tells a clear story:
Raw idea → visual engine → generated worlds → start creating
Process
I spent around [add hours here] hours exploring, designing, breaking, rebuilding, and refining this concept.
This was not a one-shot design. I went through 20+ iterations before finding the final direction.
Some early versions felt too much like generic SaaS dashboards. Some sections looked like separate websites instead of one continuous experience. A few visual directions were too cluttered, too flat, or not premium enough.
So I kept stripping things back and rebuilding around one stronger visual language:
dark cinematic background
burnt-orange energy
oversized editorial typography
3D character and engine visuals
subtle grid texture
premium Framer-style spacing
animated interactions
strong section rhythm
The biggest challenge was keeping the page consistent while moving from hero to product explanation to showcase sections. I wanted the whole page to feel like one visual world, not random screens stitched together.
How I used Stitch
I used Stitch to rapidly explore different layouts, test visual directions, refine the brand system, and push the final landing page into a more polished prototype direction.
The workflow included:
Exploring multiple concepts and brand names
Testing different dark visual systems
Locking the final direction around AFTERCUBE
Building the cinematic hero section
Creating the Visual Engine section
Adding Featured Worlds as generated concept examples
Creating a final prompt-driven CTA
Adding motion ideas, hover states, glow interactions, and scroll animation direction
What I focused on
My goal was not to create another generic AI landing page.
I focused on:
strong first impression
cinematic art direction
bold typography
premium dark UI
orange energy system
clear product storytelling
interactive motion
visual consistency
a page that feels like a real creative AI product
Future direction
If I had more time, I would expand AFTERCUBE into a deeper product prototype with:
a full AI generation flow
additional inner product pages
more generated world examples
more custom 3D elements
animated world-building states
a detailed brand system page
export screens for Framer, Figma, and campaign assets
interactive prompt-to-world transitions
This version focuses on the core brand, landing page, and product story first. The next step would be turning it into a fuller interactive product experience.
Feedback on Stitch
Stitch was useful for fast ideation and visual exploration. It helped me test multiple directions quickly and move from rough concept to polished landing page much faster than starting from a blank canvas.
The hardest part was maintaining consistency across sections. Some outputs looked like separate pages, so I had to keep refining prompts around continuity, layout rhythm, spacing, and brand discipline.
Overall, Stitch was powerful for exploration, but the best results came from treating it like a creative partner — testing, correcting, refining, and pushing the design direction intentionally.
Final concept
AFTERCUBE is an AI visual studio for turning rough creative thoughts into cinematic digital worlds.
One prompt.
One engine.
A complete visual world.
premium
here's my submission for the @stitchbygoogle challenge 🌊
i built merch.so
the idea: instead of spending hours on canva or going back and forth with a designer, what if there was a site where you describe your merch, talk to an AI, get the exact print-ready file and send it straight to your designer?
that's merch.so
i spent 5+ hours building it and stitch did the heavy lifting. the UI came out clean, the animations were on point, pages actually feel alive as you move through them
color swatches that shift the whole page vibe. ai custom design studio. motion on every interaction
this is genuinely the future of building interfaces. faster than anything i've used before
https://stitch.withgoogle.com/projects/11752344657284248097
#GoogleStitch #BuiltWithStitch
Consider me a new fan of your work after seeing this.
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?