[{"data":1,"prerenderedAt":317},["ShallowReactive",2],{"project-45706487":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":40,"post_text":42,"what":43,"said":82,"maker_in_thread":163,"shape":173,"grid":178,"attempts":280,"same_week":281,"maker_shows":32,"maker_hidden":309,"reader_version":310,"card":311},"45706487","Shadcn\u002FUI theme editor","Design and share Shadcn themes","title","Show HN: Shadcn\u002FUI theme editor – Design and share Shadcn themes","https:\u002F\u002Fshadcnthemer.com","shadcnthemer.com","miketromba",1761421884,2025,136,41,551,3837,15,"notable","dev_tools","theme editor","web_app",[24,25,26,27],"shadcn theme editor","tailwind css theme","shadcn ui","color theme generator","roasted",-0.522,{"positive":31,"neutral":32,"mixed":31,"critical":33},0,3,8,11,{"execution":36,"idea":38,"design":39},{"positive":31,"critical":37},4,{"positive":31,"critical":31},{"positive":31,"critical":37},[41,41,31,31,31,41,31,41,31,31,31,31,31,31,31,31,32,32,32,31,31,31,31,31,31,31,31,41,31,41,41,41,31,31,31,31,31,31,31,31],1,"Hey, I built https:\u002F\u002FShadcnThemer.com - a web app for creating and sharing themes for shadcn\u002Fui, made with my some of my favorites, Next.js 15, Tailwind CSS 4, Drizzle ORM, and Supabase.\n\nThe goal was to make it easy to visually design shadcn color themes, preview them live across various example UIs, and export them straight into your projects (as CSS or via the shadcn CLI registry command).\n\nI had a bit of experience going into this because I built the Theme Studio for VS Code in the past, but it was fun using a modern stack and leveraging Cursor to help me along the way this time.\n\nGitHub: ",{"problem":44,"audience":50,"pricing":51,"motivation":57,"time_to_build":50,"stack":62,"openness":79,"stage":80,"team_size":81},{"value":45,"source":46,"evidence":47},"Visually designing and sharing shadcn\u002Fui color themes and exporting them to projects","maker",[48],{"id":49},"post",null,{"value":52,"source":46,"evidence":53},"Free; sharing and saving themes is free",[54],{"id":55,"by":11,"text":56},"45706825","Tweakcn is a great tool too. Main difference is I'm hoping ShadcnThemer will be more of a community-driven hub for sharing, starring, and forking themes - similar to how color…",{"value":58,"source":46,"evidence":59},"Make it easy to design and share shadcn color themes; built after Theme Studio for VS Code",[60,61],{"id":49},{"id":55,"by":11,"text":56},[63,67,71,75],{"value":64,"source":46,"evidence":65},"Next.js 15",[66],{"id":49},{"value":68,"source":46,"evidence":69},"Tailwind CSS 4",[70],{"id":49},{"value":72,"source":46,"evidence":73},"Drizzle ORM",[74],{"id":49},{"value":76,"source":46,"evidence":77},"Supabase",[78],{"id":49},"open_source","launched","solo",{"praise":83,"objections":96,"requests":132,"questions":142,"alternatives":154},[84,88],{"value":85,"source":46,"evidence":86},"Simple UX preferred over alternatives",[87],{"id":55,"by":11,"text":56},{"value":89,"source":90,"evidence":91},"Useful idea for comparing and sharing themes","commenter",[92],{"id":93,"by":94,"text":95},"45706646","slig","Thanks for sharing! What's the difference between your app and tweakcn? edit: would also love to be able to open preview on new tabs with middle-click.",[97,107,114,125],{"value":98,"source":90,"evidence":99},"Sign-up required to save or share themes",[100,104],{"id":101,"by":102,"text":103},"45707186","meindnoch",">Sign in or create an account with your email Into the trash it goes.",{"id":105,"by":94,"text":106},"45707375","That's unfair. You can browse, preview and get the CSS variables without signing up.",{"value":108,"source":90,"evidence":109},"Middle-click and new-tab links did not work",[110],{"id":111,"by":112,"text":113},"45707274","lavela","I tried to open different themes in tabs for comparison, but I would have to first open each one and then manually copy the URL into a new tab because you implemented your links…",{"value":115,"source":90,"evidence":116},"Infinite scroll makes footer links hard to reach",[117,121],{"id":118,"by":119,"text":120},"45706713","QuantumNomad_","The infinite scroll makes it difficult to reach the links in the footer, at least on mobile. Footer links: GitHub repo https:\u002F\u002Fgithub.com\u002Fmiketromba\u002Fshadcn-themer Three other…",{"id":122,"by":123,"text":124},"45706753","lardissone","I still can't believe this is still an issue. When lazy-loading\u002Finfinite-scroll appeared main problem was that your footer shouldn't contain any actionable information. And…",{"value":126,"source":90,"evidence":127},"Only colors editable, not shapes or fonts",[128],{"id":129,"by":130,"text":131},"45707051","jzig","The only changes I see are colors but what if I want eg a different border radius on buttons or margin on labels or specific fonts on elements etc? I don’t find changing only the…",[133,138],{"value":134,"source":90,"evidence":135},"Open previews in new tabs with middle-click",[136,137],{"id":93,"by":94,"text":95},{"id":111,"by":112,"text":113},{"value":139,"source":90,"evidence":140},"Editing of border radius, spacing and other non-color styles",[141],{"id":129,"by":130,"text":131},[143,147],{"value":144,"source":90,"evidence":145},"How does it differ from tweakcn?",[146],{"id":93,"by":94,"text":95},{"value":148,"source":90,"evidence":149},"Is deriving a theme from primary and secondary colors possible?",[150],{"id":151,"by":152,"text":153},"45706671","programmarchy","I spent some time attempting to \"derive\" a theme given a primary and secondary color, but realized my color theory wasn't strong enough to build something reliable (I tried with…",[155],{"value":156,"source":90,"evidence":157},"tweakcn",[158,159],{"id":93,"by":94,"text":95},{"id":160,"by":161,"text":162},"45707636","lyu07282","Link: https:\u002F\u002Ftweakcn.com\u002Feditor\u002Ftheme",{"comments":37,"answered":164,"key":165},2,[166,169,172],{"id":167,"text":168},"45708958","Just shipped a fix, middle-click should work now. Thanks for the feedback",{"id":170,"text":171},"45709116","I get this. Just shipped the ability to create and edit themes locally, no auth required. The local theme gets persisted to localstorage and you can optionally save\u002Fshare it…",{"id":55,"text":56},{"commenters":174,"max_depth":175,"maker_replies":37,"first_comment_mins":176,"lifespan_hours":177},27,7,20,132,[179,181,185,189,192,194,195,196,199,202,204,207,210,212,214,216,217,220,222,223,225,227,230,233,235,237,239,241,244,247,249,250,253,256,258,261,264,268,271,274,277],[111,31,41,180,112,31],"project\u002Fcritical\u002Fexecution",[182,31,41,183,184,31],"45707706","maker\u002Fcritical\u002Fexecution","tacker2000",[186,31,31,187,188,31],"45708231","commenter\u002Fneutral\u002Fnone","robertoandred",[190,31,31,187,191,31],"45709893","h33t-l4x0r",[167,31,31,193,11,41],"project\u002Fneutral\u002Fexecution",[101,41,41,180,102,31],[105,41,31,187,94,31],[197,41,41,180,198,31],"45707501","LoganDark",[200,41,31,187,201,31],"45707545","devilsdata",[203,41,31,187,198,31],"45707892",[205,41,31,187,206,31],"45708347","bobbiechen",[208,41,31,187,209,31],"45709365","tonyhart7",[211,41,31,187,198,31],"45717072",[213,41,31,187,201,31],"45715370",[215,41,31,187,209,31],"45709359",[170,41,31,193,11,41],[218,41,32,193,219,31],"45712350","calmworm",[151,164,32,221,152,31],"project\u002Fneutral\u002Fidea",[93,32,32,221,94,31],[55,32,31,224,11,41],"project\u002Fpositive\u002Fidea",[160,32,31,226,161,31],"other\u002Fneutral\u002Fnone",[228,37,31,226,229,31],"45709139","sreekanth850",[231,37,31,226,232,31],"45709295","rochak",[234,37,31,226,209,31],"45709347",[236,37,31,226,191,31],"45709916",[238,37,31,226,209,31],"45710814",[240,37,31,226,191,31],"45711102",[129,242,41,243,130,31],5,"project\u002Fcritical\u002Fdesign",[245,242,31,246,11,41],"45707139","project\u002Fneutral\u002Fdesign",[118,248,41,243,119,31],6,[122,248,41,243,123,31],[251,248,41,243,252,31],"45708904","triyambakam",[254,175,31,226,255,31],"45706612","imcritic",[257,175,31,226,119,31],"45706701",[259,175,31,226,260,31],"45707114","icemelt8",[262,175,31,226,263,31],"45710322","deaux",[265,175,31,266,267,31],"45712710","other\u002Fcritical\u002Fdesign","ivape",[269,175,31,270,260,31],"45769411","other\u002Fpositive\u002Fnone",[272,175,31,226,273,31],"45707670","ramon156",[275,175,31,226,276,31],"45708620","rafram",[278,175,31,226,279,31],"45708965","stravant",[],[282,286,291,296,301,305],{"id":283,"name":284,"points":285,"category":20},"45706792","oxdraw",266,{"id":287,"name":288,"points":289,"category":290},"45715055","MyraOS",247,"infrastructure",{"id":292,"name":293,"points":294,"category":295},"45731366","Bash Screensavers",246,"creative",{"id":297,"name":298,"points":299,"category":300},"45684689","Deadstack",188,"productivity",{"id":302,"name":303,"points":304,"category":295},"45721352","ISS in Real Time",165,{"id":306,"name":307,"points":308,"category":20},"45717724","vite-plugin-use-golang",158,false,"v2",{"id":312,"name":5,"line":6,"ai":309,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":313,"top":18,"kw":314,"maker":11,"domain":10,"tier":19,"attempts":31,"strip":315,"url":9,"mix":316,"praise":85,"objection":98,"sub":21},45706487,-0.52,[24,25,26,27],"1100010100000000333000000001011100000000",[31,32,31,33],1793991132863]