[{"data":1,"prerenderedAt":377},["ShallowReactive",2],{"project-21439918":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":28,"sentiment":29,"stance_mix":30,"scored_comments":34,"aspects":35,"strip":43,"post_text":44,"what":45,"said":98,"maker_in_thread":230,"shape":239,"grid":243,"attempts":340,"same_week":341,"maker_shows":33,"maker_hidden":369,"reader_version":370,"card":371},"21439918","Tailwind Builder","online editor for the Tailwind CSS framework","title","Show HN: Tailwind Builder – online editor for the Tailwind CSS framework","https:\u002F\u002Ftailwind.build\u002F","tailwind.build","kemyd",1572857468,2019,295,43,103,2195,5,"legend","dev_tools","visual ui builder","web_app",[24,25,26,27],"tailwind css","drag and drop builder","css editor","ui components","mixed",0.238,{"positive":31,"neutral":31,"mixed":32,"critical":33},11,0,4,26,{"idea":36,"design":38,"pricing":40,"execution":42},{"positive":33,"critical":37},1,{"positive":39,"critical":32},2,{"positive":41,"critical":32},3,{"positive":32,"critical":41},[32,18,18,41,32,32,32,32,41,18,32,41,18,18,32,41,41,32,18,18,41,18,37,32,32,32,18,37,32,41,32,18,18,32,37,37,41,32,41,41],null,{"problem":46,"audience":61,"pricing":69,"motivation":81,"time_to_build":44,"stack":86,"openness":95,"stage":96,"team_size":97},{"value":47,"source":48,"evidence":49},"Building UI with Tailwind CSS classes is slow without a visual editor and ready-made components","inferred",[50,53,57],{"id":51,"by":11,"text":52},"21440078","Hi! I am the author of Tailwind Builder. I launched it today! It's the first genuinely advanced online editor for the Tailwind CSS framework. I based it on the same technology I…",{"id":54,"by":55,"text":56},"21442166","bbmario","From all the tools I've seen, yours is really nice. It respects both the framework and the developer by not adding crappy custom CSS, using the framework as the official…",{"id":58,"by":59,"text":60},"21440507","gitgud","I've been using Tailwind for a few months now and this is the perfect example of how flexible and powerful \"functional css\" can be. Components truly encapsulate everything, by…",{"value":62,"source":48,"evidence":63},"Developers and prototypers using Tailwind CSS",[64,65],{"id":51,"by":11,"text":52},{"id":66,"by":67,"text":68},"21444783","martypitt","Congrats on your launch - this is fantastic, and I'll be signing up for a pro account. To echo what others have said here, having an $89 lifetime option made this an easy…",{"value":70,"source":71,"evidence":72},"Lifetime license, $89 option mentioned; access covers sister products","commenter",[73,74,78],{"id":66,"by":67,"text":68},{"id":75,"by":76,"text":77},"21442965","jmuguy","Very nice, I like that you're including access to your other products under the same account\u002Flicense",{"id":79,"by":11,"text":80},"21440094","In fact, you can buy lifetime license and use it on https:\u002F\u002Ftailwind.build & https:\u002F\u002Fbootstrapshuffle.com & https:\u002F\u002Fbulma.dev If my sites go down, I'll release a self-hosted…",{"value":82,"source":83,"evidence":84},"Maker built it on the same technology as earlier Bootstrap and Bulma builders","maker",[85],{"id":51,"by":11,"text":52},[87,91],{"value":88,"source":83,"evidence":89},"Tailwind CSS",[90],{"id":51,"by":11,"text":52},{"value":92,"source":83,"evidence":93},"Pug",[94],{"id":51,"by":11,"text":52},"paid","launched","unknown",{"praise":99,"objections":126,"requests":152,"questions":188,"alternatives":210},[100,107,115],{"value":101,"source":71,"evidence":102},"Clean, sane use of the framework with no custom CSS",[103,104],{"id":54,"by":55,"text":56},{"id":105,"by":11,"text":106},"21440591","I can't agree. Tailwind is against components like \"card\" in Bootstrap. We do not use any custom CSS to build our components, only classes from Tailwind CSS. :)",{"value":108,"source":71,"evidence":109},"Lifetime pricing instead of subscription",[110,114],{"id":111,"by":112,"text":113},"21440007","milsebg","I really like the idea of life time purchases rather than subscriptions. To minimize the risk that your site goes down (or is economically unstable at some point in time), you…",{"id":66,"by":67,"text":68},{"value":116,"source":71,"evidence":117},"Useful for rapid prototyping, especially for Bulma users",[118,122],{"id":119,"by":120,"text":121},"21441395","maxencecornet",">https:\u002F\u002Fbulma.dev I've been looking for a bulma drag and drog builder for years I'm going to test it out asap",{"id":123,"by":124,"text":125},"21450120","james_s_tayler","Same. Well, I've been looking for a replacement rapid UI prototyping tool since I have recently moved away from bootstrap and adopted Bulma. This looks very, very promising!",[127,134,145],{"value":128,"source":71,"evidence":129},"Goes against Tailwind's utility-first, no-predesigned-components philosophy",[130],{"id":131,"by":132,"text":133},"21440538","jstummbillig","While I am sure that people will be using this, this product simply and completely disregards what Tailwind was designed for: Rapid development by building from utilities in just…",{"value":135,"source":71,"evidence":136},"Editor gets in the way and causes UI glitches",[137,141],{"id":138,"by":139,"text":140},"21444713","Scarbutt","The problem with this solutions IME is that now you start to fight the editor and wasting a lot time: https:\u002F\u002Fimgur.com\u002Fa\u002FZt0M9DX",{"id":142,"by":143,"text":144},"21448185","Zopieux","Fun, got the same issue. Clicking around & opening stuff makes it eventually disappear.",{"value":146,"source":71,"evidence":147},"Certificate error on tailwind.build domain",[148],{"id":149,"by":150,"text":151},"21446402","license2e","Certificate error: https:\u002F\u002Ftailwind.build - NET::ERR_CERT_AUTHORITY_INVALID https:\u002F\u002Fbootstrapshuffle.com and https:\u002F\u002Fbulma.dev - Work fine",[153,164,172,181],{"value":154,"source":71,"evidence":155},"More components and content, including enterprise SaaS UI",[156,157,160],{"id":54,"by":55,"text":56},{"id":158,"by":124,"text":159},"21450144","So happy to learn of Bulma.dev!!! One thing I would really, really love is more Components found in enterprise SaaS ui. Stuff that you find in any reasonable component library I…",{"id":161,"by":162,"text":163},"21441604","greensoup","Looks nice, - What are your plans to expand the amount of items? - What do you think about the option to add your own build items, and maybe share them across users?",{"value":165,"source":71,"evidence":166},"Self-hosted or offline version",[167,171],{"id":168,"by":169,"text":170},"21445601","camkego","I'd pay double for a self-hosted version, that isn't phone-home dependent. This removes a huge risk that the service will one day disappear. (If your sites go down you may not be…",{"id":66,"by":67,"text":68},{"value":173,"source":71,"evidence":174},"Ability to add custom components or templates",[175,179,180],{"id":176,"by":177,"text":178},"21443869","deltron3030","Is it possible to add your own templates\u002Fcomponents and pick them from the menu?",{"id":158,"by":124,"text":159},{"id":161,"by":162,"text":163},{"value":182,"source":71,"evidence":183},"Import existing Tailwind config",[184],{"id":185,"by":186,"text":187},"21442313","timboslice","Love this. For those of us with existing colors, plugins etc in our config, any chance you plan on allowing import of existing configs? Even if just for the colors in the beginning",[189,196,203],{"value":190,"source":71,"evidence":191},"Does it produce a responsive design?",[192],{"id":193,"by":194,"text":195},"21448474","rbur0425","Does it make a responsive design or do you have to do that yourself?",{"value":197,"source":71,"evidence":198},"Does it generate a tailwind config usable in other projects?",[199],{"id":200,"by":201,"text":202},"21440779","Brajeshwar","I'm yet to try it, so pardon my question. Does it generate a tailwindconfig.js that I can replace in any tailwind project? A good friend introduced me to Tailwind about a year…",{"value":204,"source":71,"evidence":205},"How does it compete with Tailwind UI?",[206],{"id":207,"by":208,"text":209},"21441568","jdefelice","How do you plan to compete with https:\u002F\u002Fwww.tailwindui.com\u002F or do you see it working alongside?",[211,219,223],{"value":212,"source":71,"evidence":213},"Tailwind UI by Adam Wathan",[214,215],{"id":207,"by":208,"text":209},{"id":216,"by":217,"text":218},"21446113","dimfeld","It's notable that the creator of Tailwind, Adam Wathan, is working on something similar [1]. Whether it fits the paradigm or not, there definitely seems to be a demand for such a…",{"value":220,"source":83,"evidence":221},"Bootstrap Shuffle and Bulma builders by the same maker",[222],{"id":51,"by":11,"text":52},{"value":224,"source":71,"evidence":225},"Material-UI",[226],{"id":227,"by":228,"text":229},"21441781","jadbox","I'd really like to see something like this for the material-ui UI framework. https:\u002F\u002Fmaterial-ui.com\u002F",{"comments":31,"answered":18,"key":231},[232,233,236],{"id":51,"text":52},{"id":234,"text":235},"21441733","I believe in content. An editor is just a tool. A month ago, I offered Adam to use my editor (he is the author of TailwindCSS\u002FUI). As I understand, he creates static UI…",{"id":237,"text":238},"21444044","Hi! We don't have a public road map with content updates, but I think about creating one (you are not the first person who asks about it). We try to balance between editor…",{"commenters":240,"max_depth":18,"maker_replies":31,"first_comment_mins":241,"lifespan_hours":242},28,23,22,[244,246,248,249,251,255,257,259,261,262,264,266,267,268,271,273,275,276,277,279,280,281,283,288,291,292,294,296,301,304,306,309,313,315,319,323,326,328,329,331,333,335,337],[51,32,32,245,11,37],"project\u002Fneutral\u002Fnone",[119,32,18,247,120,32],"project\u002Fpositive\u002Fidea",[123,32,18,247,124,32],[207,32,41,250,208,32],"maker\u002Fneutral\u002Fidea",[252,32,32,253,254,32],"21441716","commenter\u002Fneutral\u002Fnone","slig",[256,32,32,253,208,32],"21441758",[258,32,32,253,254,32],"21442154",[234,32,32,260,11,37],"project\u002Fneutral\u002Fidea",[227,32,41,260,228,32],[54,32,18,263,55,32],"project\u002Fpositive\u002Fdesign",[237,32,32,265,11,37],"maker\u002Fneutral\u002Fnone",[158,32,41,260,124,32],[58,37,18,247,59,32],[269,37,32,253,270,32],"21444937","dmix",[111,39,18,272,112,32],"project\u002Fpositive\u002Fpricing",[79,39,32,274,11,37],"project\u002Fneutral\u002Fpricing",[168,39,41,245,169,32],[200,41,41,245,201,32],[278,41,32,245,11,37],"21440863",[66,33,18,272,67,32],[75,18,18,272,76,32],[185,282,41,260,186,32],6,[284,285,18,286,287,32],"21445345",7,"maker\u002Fpositive\u002Fnone","andrewstuart",[131,289,37,290,132,32],8,"project\u002Fcritical\u002Fidea",[105,289,32,253,11,37],[293,289,32,253,112,32],"21440598",[216,289,32,295,217,32],"other\u002Fneutral\u002Fidea",[297,298,18,299,300,32],"21443849",9,"project\u002Fpositive\u002Fnone","pvsukale3",[302,303,41,260,55,32],"21445969",10,[149,31,37,305,150,32],"project\u002Fcritical\u002Fexecution",[307,31,32,308,11,37],"21446646","maker\u002Fneutral\u002Fexecution",[310,311,41,260,312,32],"21440403",12,"jlabs_",[314,311,32,253,11,37],"21440451",[316,317,18,247,318,32],"21440356",13,"preya2k",[320,321,18,263,322,32],"21440377",14,"WilliamEdward",[324,321,32,325,11,37],"21440443","project\u002Fneutral\u002Fdocs",[138,327,37,305,139,32],15,[142,327,37,305,143,32],[161,330,41,260,162,32],16,[332,330,32,260,11,37],"21441947",[176,334,41,260,177,32],17,[336,334,32,260,11,37],"21443922",[193,338,41,339,194,32],18,"project\u002Fneutral\u002Fexecution",[],[342,346,351,356,360,364],{"id":343,"name":344,"points":345,"category":20},"21417965","Simplescraper",332,{"id":347,"name":348,"points":349,"category":350},"21461701","microvm",145,"infrastructure",{"id":352,"name":353,"points":354,"category":355},"21418882","HR code",124,"languages",{"id":357,"name":358,"points":359,"category":350},"21423612","kubeadm-playbook",122,{"id":361,"name":362,"points":363,"category":355},"21427363","Domino",116,{"id":365,"name":366,"points":367,"category":368},"21462993","multi-object-tracker",105,"ai",false,"v2",{"id":372,"name":5,"line":6,"ai":369,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":373,"top":18,"kw":374,"maker":11,"domain":10,"tier":19,"attempts":32,"strip":375,"url":9,"mix":376,"praise":101,"objection":128,"sub":21},21439918,0.24,[24,25,26,27],"0553000035035503305535100051030550113033",[31,31,32,33],1794036582609]