[{"data":1,"prerenderedAt":478},["ShallowReactive",2],{"project-44127653":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":29,"sentiment":30,"stance_mix":31,"scored_comments":36,"aspects":37,"strip":48,"post_text":50,"what":51,"said":104,"maker_in_thread":221,"shape":231,"grid":236,"attempts":436,"same_week":442,"maker_shows":18,"maker_hidden":470,"reader_version":471,"card":472},"44127653","Onlook","Open-source, visual-first Cursor for designers","title","Show HN: Onlook – Open-source, visual-first Cursor for designers","https:\u002F\u002Fgithub.com\u002Fonlook-dev\u002Fonlook","github.com","hoakiet98",1748536275,2025,408,81,113,3837,3,"legend","dev_tools","visual code editor","web_app",[24,25,26,27,28],"visual editor","react","tailwind","open source","design to code","mixed",-0.104,{"positive":32,"neutral":33,"mixed":34,"critical":35},10,22,1,18,51,{"idea":38,"design":41,"docs":43,"execution":44,"performance":46,"pricing":47},{"positive":39,"critical":40},6,0,{"positive":40,"critical":42},5,{"positive":40,"critical":34},{"positive":34,"critical":45},8,{"positive":40,"critical":18},{"positive":40,"critical":34},[42,42,18,34,34,18,42,34,18,34,40,18,18,42,18,42,40,40,34,42,18,18,34,18,34,34,18,34,40,34,18,42,34,34,34,34,18,34,40,49],2,"Hey HN, I’m Kiet – one half of the two-person team building Onlook (https:\u002F\u002Fbeta.onlook.com\u002F), an open-source [https:\u002F\u002Fgithub.com\u002Fonlook-dev\u002Fonlook\u002F] visual editor that lets you edit and create React apps live on an infinite canvas.\n\nWe launched Onlook [1][2] as a local-first Electron app almost a year ago. Since then, “prompt-to-build” tools have blown up, but none let you design and iterate visually. We fixed that by taking a visual-first, AI-powered approach where you can prompt, style, and directly manipulate elements in your app like in a design tool.\n\nTwo months ago, we decided to move a",{"problem":52,"audience":58,"pricing":70,"motivation":76,"time_to_build":80,"stack":81,"openness":101,"stage":102,"team_size":103},{"value":53,"source":54,"evidence":55},"Editing and styling React apps visually without going through prompts or raw code.","maker",[56],{"id":57},"post",{"value":59,"source":60,"evidence":61},"Designers and non-technical people working with React code, plus developers.","commenter",[62,66],{"id":63,"by":64,"text":65},"44128635","itsNintu","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…",{"id":67,"by":68,"text":69},"44129087","fakedang","https:\u002F\u002Fm.youtube.com\u002Fwatch?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…",{"value":71,"source":54,"evidence":72},"Free beta on web; desktop pricing shown in-app; web pricing not finalised.",[73],{"id":74,"by":11,"text":75},"44161220","> In Preview mode, I can't scroll. Works fine in Design mode. It's actually attempting to scroll the inner web page in Preview mode. Perhaps this is not a great\u002Fobvious form…",{"value":77,"source":54,"evidence":78},"Remove the friction of downloading and setting up a desktop app to use a visual editor.",[79],{"id":57},null,[82,86,93,97],{"value":83,"source":54,"evidence":84},"React",[85],{"id":57},{"value":87,"source":54,"evidence":88},"Next.js",[89,90],{"id":57},{"id":91,"by":11,"text":92},"44162855","It's more to keep scope small until we feel confident about the experience. Theoretically, we can scale to other declarative frameworks, but we'd have to implement a parser for…",{"value":94,"source":54,"evidence":95},"TailwindCSS",[96],{"id":57},{"value":98,"source":54,"evidence":99},"Electron (previous desktop version)",[100],{"id":57},"open_source","beta","team",{"praise":105,"objections":121,"requests":157,"questions":178,"alternatives":193},[106,114],{"value":107,"source":60,"evidence":108},"Visual layer on top of real code is a strong fit for designers who also code.",[109,110],{"id":63,"by":64,"text":65},{"id":111,"by":112,"text":113},"44127924","homebodify","As a designer passionate about UX\u002FUI 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…",{"value":115,"source":60,"evidence":116},"Fills the gap between Figma and Cursor.",[117],{"id":118,"by":119,"text":120},"44162384","bhaktatejas922","Insane work. For sure the middle ground between Figma and Cursor thats been missing. Happy to be powering Fast Applies in Onlook! https:\u002F\u002Fmorphllm.com",[122,137,144,151],{"value":123,"source":60,"evidence":124},"Beta often fails to generate or apply code; rate limits from CodeSandbox blocked sessions.",[125,129,133],{"id":126,"by":127,"text":128},"44128992","satvikpendem","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.",{"id":130,"by":131,"text":132},"44129224","handfuloflight","TRPCClientError: Failed to create sandbox: 0 of 40 sandboxes remaining. Aw, shucks.",{"id":134,"by":135,"text":136},"44129018","WillAdams","Logged in w\u002F 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.…",{"value":138,"source":60,"evidence":139},"Not usable on mobile.",[140],{"id":141,"by":142,"text":143},"44129797","puppycodes","Looks interesting but for a design focused service to not be \"Ready for mobile\" yet isnt a great look.",{"value":145,"source":60,"evidence":146},"Output design quality is weak compared to newer models.",[147],{"id":148,"by":149,"text":150},"44133537","Nimishg14","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.",{"value":152,"source":60,"evidence":153},"Requires login before trying the prompt box.",[154],{"id":155,"by":142,"text":156},"44131317","Sure thing, but it would be great to be able to see examples of the app on a mobile device when visiting the site. Otherwise I have zero incentive to open it on my other device.…",[158,168,172],{"value":159,"source":60,"evidence":160},"Import existing repositories.",[161,164],{"id":162,"by":131,"text":163},"44129252","While I have you here. Can you explain to me how do I import my existing repo into this?",{"id":165,"by":166,"text":167},"44128015","grantfwilkinson","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…",{"value":169,"source":60,"evidence":170},"Demo video showing a full build from zero.",[171],{"id":67,"by":68,"text":69},{"value":173,"source":60,"evidence":174},"Guest access without sign-in.",[175],{"id":176,"by":11,"text":177},"44138662","It's honestly not so much being mysterious as much as the UI is not usable on mobile. I don't think we'll support mobile for a while given the extra design constraints that it…",[179,186],{"value":180,"source":60,"evidence":181},"How does it differ from bolt.new?",[182],{"id":183,"by":184,"text":185},"44162507","cloudking","Congrats. How does your product differ from https:\u002F\u002Fbolt.new ? Also open source https:\u002F\u002Fgithub.com\u002Fstackblitz-labs\u002Fbolt.diy",{"value":187,"source":60,"evidence":188},"How will the project make money if fully open source?",[189],{"id":190,"by":191,"text":192},"44166348","echelon","If this is fully open source, how do you intend to make money?",[194,199,203,210,217],{"value":195,"source":60,"evidence":196},"Bolt \u002F bolt.diy",[197,198],{"id":183,"by":184,"text":185},{"id":63,"by":64,"text":65},{"value":200,"source":60,"evidence":201},"Lovable",[202],{"id":63,"by":64,"text":65},{"value":204,"source":60,"evidence":205},"v0",[206],{"id":207,"by":208,"text":209},"44132985","rubenvanwyk","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…",{"value":211,"source":60,"evidence":212},"Figma",[213],{"id":214,"by":215,"text":216},"44129250","sarthaksrinivas","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…",{"value":218,"source":60,"evidence":219},"Webflow",[220],{"id":63,"by":64,"text":65},{"comments":33,"answered":222,"key":223},13,[224,227,230],{"id":225,"text":226},"44129234","Thanks for the kind words! We definitely want to restore the ability to use Cursor\u002FWindsurf through SSH as soon as possible. There is terminal access on the right of the bottom…",{"id":228,"text":229},"44161396","This is good feedback. I updated the Get Started video here. Thank you :) https:\u002F\u002Fgithub.com\u002Fonlook-dev\u002Fonlook\u002Fpull\u002F2009",{"id":74,"text":75},{"commenters":232,"max_depth":233,"maker_replies":33,"first_comment_mins":234,"lifespan_hours":235},32,7,28,132,[237,239,243,245,247,251,253,256,260,261,265,269,271,274,276,278,281,285,286,289,293,295,298,300,302,304,306,308,311,314,317,320,323,327,331,333,335,336,338,340,342,344,346,348,350,352,353,354,357,359,362,364,366,369,372,374,377,379,381,382,384,385,387,389,393,395,397,399,401,403,405,408,412,414,418,420,422,425,428,432,434],[63,40,42,238,64,40],"project\u002Fpositive\u002Fidea",[240,40,18,241,242,40],"44129227","maker\u002Fneutral\u002Fdesign","D_R_Farrell",[225,40,40,244,11,34],"maker\u002Fneutral\u002Fexecution",[246,40,42,238,191,40],"44165343",[248,40,40,249,250,40],"44167125","commenter\u002Fneutral\u002Fnone","dcreater",[67,34,18,252,68,40],"project\u002Fneutral\u002Fdocs",[254,34,18,255,242,40],"44129304","maker\u002Fneutral\u002Fdocs",[257,34,34,258,259,40],"44161029","project\u002Fcritical\u002Fdocs","chakintosh",[228,34,40,255,11,34],[262,34,34,263,264,40],"44166882","project\u002Fcritical\u002Fexecution","Aeolun",[266,49,18,267,268,40],"44161059","project\u002Fmixed\u002Fdesign","mNovak",[74,49,40,270,11,34],"maker\u002Fneutral\u002Fnone",[272,18,42,273,242,40],"44128215","maker\u002Fpositive\u002Fnone",[207,275,42,238,208,40],4,[277,275,40,244,11,34],"44137628",[279,275,34,263,280,40],"44164840","pylotlight",[282,42,18,283,284,40],"44162308","project\u002Fneutral\u002Fdesign","dennisy",[91,42,40,244,11,34],[287,42,34,288,284,40],"44170931","project\u002Fcritical\u002Fdesign",[290,39,40,291,292,40],"44132818","other\u002Fneutral\u002Fnone","cadamsdotcom",[294,39,40,291,242,40],"44139280",[296,233,40,291,297,40],"44161047","wiradikusuma",[299,233,40,270,11,34],"44161241",[165,45,18,301,166,40],"project\u002Fneutral\u002Fidea",[303,45,40,244,11,34],"44128059",[183,305,18,301,184,40],9,[307,305,40,301,11,34],"44162796",[309,305,42,310,184,40],"44162824","project\u002Fpositive\u002Fnone",[312,32,18,301,313,40],"44128752","esafak",[315,32,40,316,11,34],"44128959","maker\u002Fneutral\u002Fidea",[318,32,42,319,292,40],"44132784","maker\u002Fpositive\u002Fidea",[118,321,42,322,119,40],11,"project\u002Fpositive\u002Fexecution",[324,325,40,291,326,40],"44162442",12,"OsrsNeedsf2P",[328,325,40,329,330,40],"44162462","other\u002Fcritical\u002Fnone","vachina",[332,325,40,249,11,34],"44162975",[334,325,40,291,11,34],"44162915",[148,222,34,288,149,40],[337,222,18,241,242,40],"44139289",[111,339,42,238,112,40],14,[341,339,40,273,11,34],"44127952",[343,339,40,249,112,40],"44128228",[345,339,18,301,68,40],"44129105",[347,339,42,238,112,40],"44130004",[141,349,34,288,142,40],15,[351,349,40,241,11,34],"44130835",[155,349,34,288,142,40],[176,349,40,241,11,34],[214,355,18,356,215,40],16,"project\u002Fneutral\u002Fexecution",[358,355,40,244,11,34],"44129276",[126,360,34,361,127,40],17,"project\u002Fcritical\u002Fperformance",[363,360,18,356,242,40],"44129101",[365,360,34,263,127,40],"44129223",[367,360,18,368,131,40],"44129230","project\u002Fneutral\u002Fperformance",[370,360,40,371,11,34],"44161351","maker\u002Fneutral\u002Fperformance",[373,360,18,371,242,40],"44129417",[375,360,34,263,376,40],"44137181","mdaniel",[378,360,40,244,11,34],"44137661",[380,360,40,244,11,34],"44140373",[130,35,34,361,131,40],[383,35,18,371,242,40],"44129239",[162,35,18,356,131,40],[386,35,18,356,242,40],"44129407",[388,35,18,356,242,40],"44129427",[390,391,42,310,392,40],"44177285",19,"dhruv3006",[134,394,34,263,135,40],20,[396,394,18,356,242,40],"44129083",[398,394,34,263,135,40],"44129120",[400,394,18,356,242,40],"44129421",[402,394,34,263,135,40],"44129616",[404,394,40,244,11,34],"44138362",[406,394,34,407,135,40],"44146428","maker\u002Fcritical\u002Fexecution",[409,410,34,288,411,40],"44166181",21,"graphememes",[413,410,40,249,119,40],"44172278",[415,33,18,416,417,40],"44149716","project\u002Fneutral\u002Fpricing","popalchemist",[419,33,40,270,11,34],"44160792",[190,33,34,421,191,40],"project\u002Fcritical\u002Fpricing",[423,424,40,368,11,34],"44129160",23,[426,424,40,427,11,34],"44129681","project\u002Fpositive\u002Fperformance",[429,430,34,361,431,40],"44128857",24,"curiouser3",[433,430,18,244,242,40],"44128900",[435,430,18,368,242,40],"44129436",[437,441],{"id":438,"t":439,"points":440,"comments":36},"41390449",1724937105,227,{"id":4,"t":12,"points":14,"comments":15},[443,448,453,457,461,466],{"id":444,"name":445,"points":446,"category":447},"44157177","Kan.bn",509,"productivity",{"id":449,"name":450,"points":451,"category":452},"44126612","Command Line Handbook",454,"learning_science",{"id":454,"name":455,"points":456,"category":20},"44123098","Typed-FFmpeg",342,{"id":458,"name":459,"points":460,"category":20},"44159758","Vanta",265,{"id":462,"name":463,"points":464,"category":465},"44147803","Patio",255,"web_saas",{"id":467,"name":468,"points":469,"category":20},"44174190","AirAP AirPlay server",207,false,"v2",{"id":473,"name":5,"line":6,"ai":470,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":474,"top":18,"kw":475,"maker":11,"domain":10,"tier":19,"attempts":49,"strip":476,"url":9,"mix":477,"praise":107,"objection":123,"sub":21},44127653,-0.1,[24,25,26,27,28],"5531135131033535001533131131013511113102",[32,33,34,35],1794036675880]