[{"data":1,"prerenderedAt":173},["ShallowReactive",2],{"project-43925566":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":34,"aspects":35,"strip":38,"post_text":39,"what":40,"said":78,"maker_in_thread":111,"shape":119,"grid":124,"attempts":136,"same_week":137,"maker_shows":121,"maker_hidden":166,"reader_version":167,"card":168},"43925566","Basecoat","All of the shadcn\u002Fui magic, none of the React","title","Show HN: Basecoat – All of the shadcn\u002Fui magic, none of the React","https:\u002F\u002Fbasecoatui.com","basecoatui.com","hunvreus",1746708310,2025,11,5,2710,3837,71,"shown","dev_tools","ui component library","library",[24,25,26,27,28],"shadcn ui","tailwind css","html components","htmx","accessible components","quiet",null,{"positive":32,"neutral":33,"mixed":33,"critical":32},1,0,2,{"execution":36,"idea":37},{"positive":33,"critical":32},{"positive":32,"critical":33},[32,33,33,33,15],"In a nutshell: Basecoat is a port of shadcn\u002Fui to HTML and Tailwind CSS. It's a modern, themeable component library; everything from buttons to comboboxes and dialogs.\n\nWhy? Well, I got sick of React and moved over to a more \"old school\" stack (Python, HTMX, Alpine.js and Tailwind).\n\nThe one thing I missed was shadcn\u002Fui [1]. Nice defaults, well thought out design system, easy to theme and great to build your own component library with.\n\nI didn't find the alternatives compelling: Flowbite, Preline and the likes encourage you to copy\u002Fpaste dozens of classes for each element.\n\nThat's not how I us",{"problem":41,"audience":47,"pricing":30,"motivation":52,"time_to_build":30,"stack":56,"openness":77,"stage":77,"team_size":77},{"value":42,"source":43,"evidence":44},"Brings shadcn\u002Fui components to HTML and Tailwind without React","maker",[45],{"id":46},"post",{"value":48,"source":49,"evidence":50},"Developers using Python, HTMX, Alpine.js or Tailwind who avoid React","inferred",[51],{"id":46},{"value":53,"source":43,"evidence":54},"Maker tired of React and wanted a simpler old-school stack with shadcn\u002Fui design",[55],{"id":46},[57,61,65,69,73],{"value":58,"source":43,"evidence":59},"HTML",[60],{"id":46},{"value":62,"source":43,"evidence":63},"Tailwind CSS",[64],{"id":46},{"value":66,"source":43,"evidence":67},"Alpine.js",[68],{"id":46},{"value":70,"source":43,"evidence":71},"Jinja templates",[72],{"id":46},{"value":74,"source":43,"evidence":75},"Nunjucks templates",[76],{"id":46},"unknown",{"praise":79,"objections":88,"requests":96,"questions":101,"alternatives":102},[80],{"value":81,"source":82,"evidence":83},"Good work, looks like a great start","commenter",[84],{"id":85,"by":86,"text":87},"43952011","pbowyer","Well done, this looks like a great beginning! I'll be giving this a test on my next project. Hoping you add more of shadcn\u002Fui, I'm partial to the sheet.",[89],{"value":90,"source":82,"evidence":91},"Broken in Safari with console errors",[92],{"id":93,"by":94,"text":95},"43925876","drivingmenuts","Not working in Safari. Did you, perchance, test this only in Chrome? A sampling of error messages: - Failed to load resource: Load cannot follow more than 20 redirections -…",[97],{"value":98,"source":82,"evidence":99},"Add more shadcn\u002Fui components such as sheet",[100],{"id":85,"by":86,"text":87},[],[103,107],{"value":104,"source":43,"evidence":105},"Flowbite",[106],{"id":46},{"value":108,"source":43,"evidence":109},"Preline",[110],{"id":46},{"comments":34,"answered":32,"key":112},[113,116],{"id":114,"text":115},"43926048","I tested it in Safari, and just checked: I don't get any of these errors. Which page did you get that on? The front page?",{"id":117,"text":118},"43932639","Good to hear. I was trying to figure out what I did wrong. Maybe a CDN issue. Thanks for checking it out.",{"commenters":120,"max_depth":121,"maker_replies":34,"first_comment_mins":122,"lifespan_hours":123},3,4,37,66,[125,127,129,132,134],[93,33,32,126,94,33],"project\u002Fcritical\u002Fexecution",[114,33,33,128,11,32],"commenter\u002Fneutral\u002Fexecution",[130,33,33,131,94,33],"43932516","commenter\u002Fpositive\u002Fexecution",[117,33,33,133,11,32],"maker\u002Fpositive\u002Fexecution",[85,32,15,135,86,33],"project\u002Fpositive\u002Fidea",[],[138,142,147,152,157,162],{"id":139,"name":140,"points":141,"category":20},"43935394","Hyvector",331,{"id":143,"name":144,"points":145,"category":146},"43928118","qtap",259,"infrastructure",{"id":148,"name":149,"points":150,"category":151},"43975423","HelixDB",237,"data",{"id":153,"name":154,"points":155,"category":156},"43988381","Muscle-Mem",226,"ai",{"id":158,"name":159,"points":160,"category":161},"43936097","Aberdeen",224,"languages",{"id":163,"name":164,"points":165,"category":156},"43964201","Airweave",176,false,"v2",{"id":169,"name":5,"line":6,"ai":166,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":30,"top":18,"kw":170,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":171,"url":9,"mix":172,"praise":81,"objection":90,"sub":21},43925566,[24,25,26,27,28],"10005",[32,33,33,32],1793991119640]