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