https://m.youtube.com/watch?v=RjFBUkVfy1E
This should be your demo video on your home page instead of what you have. I didn't understand how you were different to a typical no-code tool until I saw the entire process of creating a react app, running it and actually changing stuff on the Onlook console.
Very impressed! In the past when I've asked chatGPT for styling / design stuff, it makes technically correct CSS, but with terrible design sense. This made a functional color palette, appropriate decorators, and cohesive style -- great!
Few points:
- At first it generated a bunch of code and got a build error. But the "Fix error" button did indeed fix it.
- In Preview mode I can't scroll. Works fine in Design mode.
- I can't seem to actually see any element's code; all I have is a basic layout.tsx file
- Is there pricing information anywhere? I did not see any.
Hey HN! I'm Daniel, the other half of Onlook.
I'm super fired up about this new version of Onlook for two reasons:
1) It makes it so much easier to jump in and start designing and
2) We have a much more intuitive, simplified toolbar control for styles that makes it even easier to craft your designs.
This has been the third major version of Onlook, and each time has felt like a leap towards solving the gap between design and development. Our first product was a Chrome Extension, the second was a downloadable desktop app (Onlook Studio), and now we're releasing Onlook for Web.
For all of the designers and non-technical people that just need a way to share their ideas with their engineering colleagues, the beta of this web version is a great start. But our goal continues be to truly solve the gap, so we'll be adding tons of great features that will let you go beyond ideation to actual implementation on real codebases.
Some known bugs:
– Sometimes generations don't "apply" after they're loaded: Kiet is working on a fix for this, but try clicking on the blank-template and re-prompting your change.
- It can take a long time to load the AI chat: We're working on making this faster (or at least a little more entertaining).
- Sometimes nothing shows up in the chat: Try going back to the homepage and re-prompting. This is something we want to make smoother.
– Sometimes styles don't apply: Let us know! We're trying to catch the edge cases.
Thank you all for your help and patience as we work through this early preview. Please join us on our Discord [https://discord.gg/ZZzadNQtns] and report any bugs or issues on GitHub repo: https://github.com/onlook-dev/onlook
Congrats with the launch! I think you’re tackling a core problem space - many people seem to go to v0 and just copy, paste from there. The drag and drop is really great. Curious - why did you go with Electron instead of Tauri? I imagine that would’ve significantly decreased your bundle size. Congrats again!
This is great! Exactly the sort of tool, I have been waiting for!
One question is why the coupling to Next/React? I feel a design tool should not be coupled to a web framework at all.
Why we're in this topic, does anyone know a recommended AI-way of converting Figma design into a working and responsive HTML? Or, even better, a napkin sketch?
Very cool, and thanks for also exposing us to Unicorn Studio! https://www.unicorn.studio/
The web version sounds like naturally the next step to removing friction and making it quicker to see the value of it. Love that you can visually edit post creation.
Are you thinking most people will start their projects here or bring an existing one in to edit on? Maybe a github app/integration you could open a supported repo directly in onlook to run it?
Congrats. How does your product differ from https://bolt.new ?
Also open source https://github.com/stackblitz-labs/bolt.diy
Any progress on the API that will enable you to support Svelte? https://github.com/onlook-dev/onlook/issues/625
Insane work. For sure the middle ground between Figma and Cursor thats been missing.
Happy to be powering Fast Applies in Onlook!
What's up with the recent trend of YC being open source? Is it an ideology thing, a sign of confidence, or is it really that consumers prefer open source software?
Tried it once, wasn't very happy with the results. Honestly I was expecting a big jump from Sonnet 4 in terms of design quality.
As a designer passionate about UX/UI or product design and vibe coding, I truly believe Onlook has the potential to be the tool that finally brings designers' dreams to life. I'm excited to see how Onlook can expand what's possible for designers and give us greater creative freedom. You have my full support!
Looks interesting but for a design focused service to not be "Ready for mobile" yet isnt a great look.
The feedback loop between our users, mockups, and working react code is so tight with Onlook, it's fully replaced our Figma subscription
Question – is there a way to remove the selector ids from the generated code? We currently need to manually strip these from cursor
Doesn't seem to be working for me, I see the loading spinner on the right arrow button briefly then it reverts to the arrow and does nothing.
TRPCClientError: Failed to create sandbox: 0 of 40 sandboxes remaining.
Aw, shucks.
This is awesome !
You guys nailed it !
Logged in w/ my Github account (same as my username here), but nothing happens with the prompt:
>create a site for creating, editing, and previewing G-code in 3D using blockly.
and a screengrab of https://www.blockscad3d.com/editor/
I hate that all these ai apps use tailwind and react, i get that it's the thing right now but it's so bloated and requires an entire server to do anything and even if you statically output it requires the sun and moon to do so
Is this FULLY open-source, or are key features locked behind a paywall?
Seems we're being rate-limited by Codesandbox. Sorry for the inconvenience if you're not able to start a session.
doesn't work at all, hugged to death?
[dead]
[dead]
[dead]
This is awesome!
I’ve tried other visual AI dev tools like Bolt or Lovable, but I feel like the walled-garden approach they’ve taken is a bit limiting in terms of how I personally want to work. As someone who comes from design but is actively using Cursor and Windsurf, I’ve very much been missing that Webflow-like ability to just click, edit, and see things getting updated in real-time, while always knowing I can drop into the code for more complex stuff.
It looks like you’ve nailed this intersection. The fact that you’re taking what is basically a visual layer on top of the code, plus the inclusion of the in-browser code editor (and I assume terminal access for the sandbox eventually?), is a huge step in the right direction and feels like it could really cover some of that gap I want between design and dev.
I’m definitely keeping an eye on this, and when you’re able to allow import existing projects I'll be onboard.
Congrats on the launch!