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
Had a fun weekend building Lumina ⚡
Designed with Google Stitch.
I'm a developer who's been putting off rebuilding my portfolio for months. My question going into this challenge: could Stitch help me ship a real product — not just a mockup — in a single sitting?
So I built Lumina. Paste your GitHub URL, watch a fully animated portfolio stream onto the canvas in 60 seconds. Real repos, real data, live and shareable immediately.
How Stitch fit in:
I designed all five screens in Stitch before touching any code. The streaming canvas generation was the moment that changed everything — watching the portfolio build itself section by section made me realise: that's exactly what I want users to feel. The feature inspired the feature.
From there I worked almost entirely through in-place edits. Clicked the project cards, typed "stronger 3D hover with a glow matching the language color." Clicked the hero, typed "mesh gradient with a grid pattern." Changes in seconds. No re-prompting from scratch.
The motion work was where Stitch surprised me most — particle backgrounds, animated skill rings, 3D card hovers, all authored inside Stitch. Then one push to Netlify.
Features I used:
Streaming canvas generation
In-place AI edits via prompts + point-and-click
Import from existing website (used Vercel.com as style reference)
Native motion and hover states on HTML canvas
Netlify export
Feedback:
The streaming canvas collapses the describe → wait → judge → re-prompt loop into something that actually feels like designing. In-place editing is where I spent most of my time — clicking and describing beats tweaking properties in a panel every time.
Stitch didn't feel like a tool I was prompting. It felt like a canvas that understood what I meant.
Check it out:
Live site → https://grand-pixie-01f370.netlify.app
GitHub → https://github.com/AbdullahTariq74/Lumina-Stitch
Peak creativity right here in this piece.
Thanks for the appreciation!
Really like the idea of turning a GitHub profile into a live portfolio in seconds. Also interesting that the streaming canvas ended up influencing the core experience you built.
This was my take on the challenge:
https://on.contra.com/pnfJBQ
Curious what stands out to you.
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
Tiny launch day ✨
Prism is live on Product Hunt
It's a free browser-based tool that adds prismatic refractions and chromatic aberration to photos.
Upload an image → play with the settings → export your result.
I made it while building aftrglo — a bigger project to make sharing creative work online feel lighter. Prism is one small creative wander from that process. And today it gets its own little launch 🐣
Built for creatives who want to add that strange little something to a visual without opening heavy software.
It came from the same place as all my experiments:
I made something for myself,
kept playing with it,
then realized it might be useful for someone else too.
So I cleaned it up and decided to share it before the bigger project is ready.
Come play with it and let me know what you think 🪩
Curious to see what you make with it too, as the results can go from extra cool to wonderfully weird
Amazing design!
Some more 3d UI music elements I created for my upcoming project.
Awesome! I like to watch some synth-mixer videos sometimes, as designs can be awesome also (not a producer myself but yeah :) This one looks like mixing "monochromatic look of Swiss designs (like Teenage Engineering's OP1) and some other ones, great!
Nice work !
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?