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
In this design, we streamlined the ad management experience by bringing campaign performance, audience insights, budget tracking, and multi-channel advertising data into a single dashboard. The dark interface improves focus, while clear data visualization, structured layouts, and intuitive navigation help marketers monitor performance, identify trends, and optimize campaigns with confidence.
📩 Collaborate with Us? Contra Cansaas Agency
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
🌿 Foliage: Where Nature Meets Productivity
Foliage is a nature-inspired, bento-grid style personal dashboard designed to turn your screen into a peaceful, focused sanctuary. 🍃 It seamlessly integrates a clock, local weather, habit tracking, a Pomodoro timer, focus music, to-do lists and a calendar with stickies into a unified, botanically-themed ecosystem that feels as organic and peaceful as the nature it depicts. 🌸
🚀 How I Used Google Stitch:
Streaming Generations 🌊: I used this to instantly instantiate my core responsive bento-grid layout, turning high-level structural requirements into a fully functional interface in seconds.
In-place AI Edits ⏩: I utilized this to rapidly refine the visual design, shifting components from generic wireframes to a polished, organic aesthetic without ever leaving the builder. (Super love this new feature!)
Native Motion & Shaders 🎥: I applied these to create breathing, functional and dynamic interactions, giving the interface a living, tactile quality.
Seamless Deployment 🚀: I went from concept to reality by exporting and deploying directly to Netlify with just a few clicks!
✨ Why I Love Stitch
Stitch has completely transformed my creative process! 🎨 It bridges the gap between design and development, allowing me to visualize and bring ideas to life at light speed. The ability to iterate directly on the canvas (generating multiple options), rather than just building static mocks, saved me hours of front-end implementation time. It let me focus entirely on the feel of the interaction, which is where the real magic happens! 🪄
💡 Feature Request: I’m loving the flow, but it would be a total game-changer to have more manual freedom to nudge or fine-tune elements on the canvas (similar to the edit-text option) for that final pixel-perfect polish! 🛠️
Deployment link: https://foliage-dashboard.netlify.app
Bloom where you are planted!
Warm Regards
Arshia
Wow, Arshia, this is such a beautiful and peaceful concept! A nature-inspired bento dashboard is a brilliant way to turn a daily workspace into a true focus sanctuary.
I love how you utilized Stitch's streaming generations to lock down that responsive grid layout instantly. Your...
on.contra.com
Swipe-to-Shop App Transforming Farmers Market Experience
Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.
FIFA World Cup 2026 Live Dashboard is a broadcast-grade, 6-page tournament experience built entirely with Google Stitch and deployed on Netlify. Starting from the official FIFA 2026 brand kit, I used Stitch’s streaming generation to build each page iteratively, in-place AI edits to refine components like match cards and the knockout bracket, and connected Stitch via MCP to Antigravity to automate multi-screen generation programmatically. The result is a real-time-aware dashboard with 104 match fixtures, animated Panini player cards, a CSS bracket visualizer, and live tournament state logic - all designed to feel like a FIFA+ broadcast experience.
I used Stitch as the primary design and generation tool throughout. Workflow: (1) Uploaded the official FIFA 2026 design system as a design.md file, (2) Used streaming generation to build all 6 screens iteratively on the canvas, (3) Used in-place AI edits to redesign components - most notably the cyberpunk → FIFA broadcast redesign of the home hero, (4) Connected Stitch via StitchMCP to Antigravity to programmatically generate and edit screens via the MCP API - - used edit_screen, get_screen tools to automate multi-screen updates simultaneously, enabling batch edits across all pages without touching Stitch manually, (5) Used edit_screen again to iterate on the design layer directly through MCP - refining match cards, the knockout bracket, and player card layouts programmatically, (6) Used native HTML canvas and CSS animations for the bracket connector lines and motion design throughout.
Stitch’s streaming generation and in-place edits are genuinely game-changing for rapid prototyping. But the real unlock was the MCP integration - using an AI agent to orchestrate Stitch programmatically was the highlight of this entire build. It turns Stitch from a design tool into an automation layer, which is a completely different (and more powerful) workflow. Two things I’d love to see: better design token syncing between screens so global style changes propagate automatically, and a way to export the full project as a React codebase with routing intact rather than individual screen exports.
Live on Netlify: https://fwc-weare26.netlify.app/
Stitch Project: https://stitch.withgoogle.com/projects/7889672183129917406
Wow, Surya, this is absolute broadcast-grade quality! Building an entire 6-page tournament experience with 104 match fixtures and live tournament state logic is a massive structural achievement for this challenge.
The visual pivot you pulled off from the initial cyberpunk style...
on.contra.com
Swipe-to-Shop App Transforming Farmers Market 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?
