End the design-dev handoff nightmare. Onlook is an Open Source builder that helps product teams ship faster by building production-ready apps visually. Use code as the source of truth – zero translation errors, instant collaboration across all roles
I’ve spent over a decade watching the same painful cycle: designers hand-off perfect design files, developers rebuild everything from scratch, and what ships looks just barely like what the designer had dreamed-up.
Everything was being built twice, and when you’re trying to ship fast, the entire product experience starts to slip-away into “close-enough” territory.
That's why I teamed up with @flyakiet to build Onlook.
We're giving designers code superpowers and developers design superpowers. Everyone stays in their comfort zone working with the same codebase to produce production-ready work. Here’s how it fits into your workflow:
Traditional Workflow:
Designer creates mockup in a design tool (not real)
PM uses clickable prototype for demos (not real)
Developer rebuilds everything from scratch (finally real, but not exact)
Endless back-and-forth because implementation ≠ design
Compromises and "close enough" solutions, and an “ok” product experience.
Onlook Workflow:
Designer/PM builds directly in Onlook (immediately real, and infinitely creative)
Prototype IS code, and ultra high fidelity, with all of the interactions and states you’d expect
Developer gets clean, working code (no extra translation needed)
It’s been over a year since we started building this version of Onlook, and we’re so grateful for the over 100 open-source contributors who have helped craft this new visual editor for code.
As a thank you for our launch…
🎁 Exclusive for Product Hunt: 20% off first 6 months with code 'IHATEHANDOFFS' (first 100 hunters only!)
Thank you for your support, and we can’t wait to see what designers and developers create together with Onlook!
About Onlook for Web on Product Hunt
“Open source Cursor for designers”
Onlook for Web launched on Product Hunt on August 25th, 2025 and earned 590 upvotes and 88 comments, placing #4 on the daily leaderboard. End the design-dev handoff nightmare. Onlook is an Open Source builder that helps product teams ship faster by building production-ready apps visually. Use code as the source of truth – zero translation errors, instant collaboration across all roles
On the analytics side, Onlook for Web competes within Design Tools, Developer Tools and Artificial Intelligence — topics that collectively have 1.2M followers on Product Hunt. The dashboard above tracks how Onlook for Web performed against the three products that launched closest to it on the same day.
Who hunted Onlook for Web?
Onlook for Web was hunted by Garry Tan. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Garry Tan
Hey Product Hunt! 👋
I’ve spent over a decade watching the same painful cycle: designers hand-off perfect design files, developers rebuild everything from scratch, and what ships looks just barely like what the designer had dreamed-up.
Everything was being built twice, and when you’re trying to ship fast, the entire product experience starts to slip-away into “close-enough” territory.
That's why I teamed up with @flyakiet to build Onlook.
We're giving designers code superpowers and developers design superpowers. Everyone stays in their comfort zone working with the same codebase to produce production-ready work. Here’s how it fits into your workflow:
Traditional Workflow:
Designer creates mockup in a design tool (not real)
PM uses clickable prototype for demos (not real)
Developer rebuilds everything from scratch (finally real, but not exact)
Endless back-and-forth because implementation ≠ design
Compromises and "close enough" solutions, and an “ok” product experience.
Onlook Workflow:
Designer/PM builds directly in Onlook (immediately real, and infinitely creative)
Prototype IS code, and ultra high fidelity, with all of the interactions and states you’d expect
Developer gets clean, working code (no extra translation needed)
It’s been over a year since we started building this version of Onlook, and we’re so grateful for the over 100 open-source contributors who have helped craft this new visual editor for code.
As a thank you for our launch…
🎁 Exclusive for Product Hunt: 20% off first 6 months with code 'IHATEHANDOFFS' (first 100 hunters only!)
Thank you for your support, and we can’t wait to see what designers and developers create together with Onlook!