{"slug": "shadcn-ui", "name": "shadcn/ui", "category": "dev-libs", "category_name": "Libraries and frameworks", "description": "Copy-paste React component collection built on Radix UI and Tailwind CSS.", "recommenders": 8, "commenters": 12, "warners": 3, "score": 4.579, "rising": 0.04, "first": "2025-11-27", "latest": "2026-09-14", "why": "HN commenters like shadcn/ui for its polished, free default components and for how well it pairs with AI coding agents.", "why_is_quote": false, "has_verdict": true, "sentiment": {"recommend": 8, "neutral": 1, "compare": 0, "warn": 3}, "spark": [1, 1, 3, 0, 0, 0, 0, 0, 1, 0, 2, 0], "listed": true, "loved": ["Design quality", "Works with agents"], "caveat": "LLM look", "short_quote": "Shadcn wins for clarity, consistency, maintenanility and simplicity.", "icon": true, "domain": null, "github_repo": null, "official_url": "https://ui.shadcn.com", "pricing": "open source", "aliases": ["shadcn/ui", "Shadcn", "shadcn"], "verdict": [{"text": "HN commenters like shadcn/ui for its polished, free default components", "cites": [{"id": 780668976, "item_id": 48791811, "url": "https://news.ycombinator.com/item?id=48791811", "by": "upmostly", "date": "2026-07-04", "stance": "recommend", "quote": "I've found that no UI library comes close to shadcn's quality.", "excerpt": "Great news. I've found that no UI library comes close to shadcn's quality. It even looks incredible when building desktop apps. We used it to build DB Pro [1] and the DB Pro website, and everyone compliments us on our design. I see it becoming the defacto choice for UIs especially when building with agents. [1] https://dbpro.app", "context": "", "use_case": "UI for desktop apps and websites", "switched_from": "", "story": "Shadcn/UI now defaults to Base UI instead of Radix"}, {"id": 744750817, "item_id": 46546926, "url": "https://news.ycombinator.com/item?id=46546926", "by": "pembrook", "date": "2026-01-08", "stance": "recommend", "quote": "Radix/Shadcn (which uses tailwind for styling of course) that killed the need to buy Tailwind\u2019s UI kits by offering all these primitives with good default styling for free", "excerpt": "I love tailwind, but I think it\u2019s disingenuous for Adam to claim that \u201cAI\u201d killed the tailwind UI kit business. Ultimately it was Radix/Shadcn (which uses tailwind for styling of course) that killed the need to buy Tailwind\u2019s UI kits by offering all these primitives with good default styling for free. Also, the tailwind UI stuff feels pretty dated at this point in comparison to what\u2019s offered in other free UI librari", "context": "", "use_case": "UI components", "switched_from": "", "story": "Google AI Studio is now sponsoring Tailwind CSS"}, {"id": 747066704, "item_id": 46691669, "url": "https://news.ycombinator.com/item?id=46691669", "by": "bromuro", "date": "2026-01-20", "stance": "recommend", "quote": "Shadcn wins for clarity, consistency, maintenanility and simplicity.", "excerpt": "I don\u2019t see the \u201ccomplexity\u201d the author is yelling about. Maybe is the tailwind verbosity? It seems they don\u2019t understand the underlying requirements when building a reusable UI library. Yes in shadcn there are some opinionated choices , but the \u201ci can do better/ i am smarter\u201d attitude of this article is off putting. We used shadcn in one project , and wrote a custom UI library for another (using the same \u201csmart tric", "context": "used in one project, custom UI library in another", "use_case": "reusable UI library", "switched_from": "", "story": "The Overcomplexity of the Shadcn Radio Button"}]}, {"text": " and for how well it pairs with AI coding agents.", "cites": [{"id": 747045488, "item_id": 46690343, "url": "https://news.ycombinator.com/item?id=46690343", "by": "kaizenb", "date": "2026-01-20", "stance": "recommend", "quote": "I use shadcn/ui for side projects, mostly coding with agents.", "excerpt": "I use shadcn/ui for side projects, mostly coding with agents. Good to have a base design system for building products. Are there any alternatives? Coded systems, not just UI components.", "context": "", "use_case": "base design system for side projects", "switched_from": "", "story": "The Overcomplexity of the Shadcn Radio Button"}, {"id": 741052099, "item_id": 46315756, "url": "https://news.ycombinator.com/item?id=46315756", "by": "bobjordan", "date": "2025-12-18", "stance": "recommend", "quote": "build out Shadcn components without hallucinating", "excerpt": "I\u2019ve been a fan of this philosophy since the Intercooler.js days. In fact, our legacy customer portal at bomquote.com still runs on Intercooler. I spent the last year building a new version using the \"modern\" version of that stack: Flask, HTMX, Alpine, and Tailwind. However, I\u2019ve recently made the difficult decision to rewrite the frontend in React (specifically React/TS, TanStack Query, Orval, and Shadcn). In a perf", "context": "builds customer portal bomquote.com", "use_case": "UI components", "switched_from": "", "story": "Please just try HTMX"}, {"id": 737208641, "item_id": 46075540, "url": "https://news.ycombinator.com/item?id=46075540", "by": "tonyoconnell", "date": "2025-11-27", "stance": "recommend", "quote": "I use Shadcn UI and Claude Code to do my design these days", "excerpt": "Hello. I was delighted to see Penpot get a lot of traction when Adobe were going to buy Figma. I'm not a fan of Adobe because they killed so many of my favourite products. I switched from Macromedia (acquired by Adobe) Fireworks to Sketch to Figma and probably would have moved from Figma to Penpot already but I simply don't need Figma anymore. I use Shadcn UI and Claude Code to do my design these days without every h", "context": "", "use_case": "UI components for design", "switched_from": "", "story": "Penpot: The Open-Source Figma"}]}, {"text": " Complaints are that its ubiquity makes sites look LLM-generated,", "cites": [{"id": 767760832, "item_id": 47985052, "url": "https://news.ycombinator.com/item?id=47985052", "by": "quadral", "date": "2026-05-02", "stance": "warn", "quote": "when every LLM defaults to using this UI, it just makes mine look LLM generated.", "excerpt": "The epitome of all LLM generated websites. I used to use ShadCN but when every LLM defaults to using this UI, it just makes mine look LLM generated.", "context": "", "use_case": "UI components", "switched_from": "", "story": "Shadcn/UI: A set of beautifully designed components that you can customize"}]}, {"text": " that setup alongside Tailwind can be fiddly,", "cites": [{"id": 781862448, "item_id": 48866403, "url": "https://news.ycombinator.com/item?id=48866403", "by": "pgisapedo", "date": "2026-07-10", "stance": "warn", "quote": "HOW DO YOU FULLY INSTALL TAILWIND AND SHADCN", "excerpt": "Like those \"HTML Templates\" of the early 00s where the demo looks amazing but when you copy and paste it all into your setup hardly anything looks the same. Your outer CSS and FE framework isn't accounted for, and often the overall layout doesn't work / isn't responsive. Then you go to add new components... Suddenly you are missing entire CSS files that were not included in the last thing you pasted in. Gotta find th", "context": "", "use_case": "UI components", "switched_from": "", "story": "Shadcn/UI now defaults to Base UI instead of Radix"}]}, {"text": " and that its surrounding ecosystem was unstable.", "cites": [{"id": 747059841, "item_id": 46691240, "url": "https://news.ycombinator.com/item?id=46691240", "by": "hombre_fatal", "date": "2026-01-20", "stance": "warn", "quote": "the layers on top of it were super unstable, and I was annoyed every time I have to work on those projects", "excerpt": "One midpoint is traditional css frameworks like https://getbootstrap.com/. Not as powerful, and you don't get this sweet 3rd-party pluggable component catalog, but it's much simpler and it's stable: there's no constantly evolving ecosystem. Shadcn ecosystem might have calmed down by now, but when I used it years ago, the layers on top of it were super unstable, and I was annoyed every time I have to work on those pro", "context": "", "use_case": "React UI components", "switched_from": "", "story": "The Overcomplexity of the Shadcn Radio Button"}]}], "praise": [{"label": "Design quality", "summary": "Commenters praise its polished look and good default styling.", "quotes": [{"id": 780668976, "item_id": 48791811, "url": "https://news.ycombinator.com/item?id=48791811", "by": "upmostly", "date": "2026-07-04", "stance": "recommend", "quote": "I've found that no UI library comes close to shadcn's quality.", "excerpt": "Great news. I've found that no UI library comes close to shadcn's quality. It even looks incredible when building desktop apps. We used it to build DB Pro [1] and the DB Pro website, and everyone compliments us on our design. I see it becoming the defacto choice for UIs especially when building with agents. [1] https://dbpro.app", "context": "", "use_case": "UI for desktop apps and websites", "switched_from": "", "story": "Shadcn/UI now defaults to Base UI instead of Radix"}, {"id": 744750817, "item_id": 46546926, "url": "https://news.ycombinator.com/item?id=46546926", "by": "pembrook", "date": "2026-01-08", "stance": "recommend", "quote": "Radix/Shadcn (which uses tailwind for styling of course) that killed the need to buy Tailwind\u2019s UI kits by offering all these primitives with good default styling for free", "excerpt": "I love tailwind, but I think it\u2019s disingenuous for Adam to claim that \u201cAI\u201d killed the tailwind UI kit business. Ultimately it was Radix/Shadcn (which uses tailwind for styling of course) that killed the need to buy Tailwind\u2019s UI kits by offering all these primitives with good default styling for free. Also, the tailwind UI stuff feels pretty dated at this point in comparison to what\u2019s offered in other free UI librari", "context": "", "use_case": "UI components", "switched_from": "", "story": "Google AI Studio is now sponsoring Tailwind CSS"}, {"id": 739877172, "item_id": 46242323, "url": "https://news.ycombinator.com/item?id=46242323", "by": "maxnew", "date": "2025-12-12", "stance": "neutral", "quote": "TailwindCSS and Shadcn/UI ensured the interface remained clean, accessible, and distraction-free.", "excerpt": "Hey everyone, I remember struggling with Calculus back in the day, specifically with knowing which rule to apply and when. I decided to build a tool to help with that. It's a Derivative Calculator that focuses on explaining the solution, not just giving the result. Why I made it: Most calculators are either paid or just dump the final LaTeX string. I wanted something that visualizes the graph and walks you through th", "context": "built a derivative calculator", "use_case": "UI components", "switched_from": "", "story": "Show HN: A free derivative calculator with step-by-step explanations"}]}, {"label": "Works with agents", "summary": "Used with Claude Code and other agents, which can build its components without hallucinating.", "quotes": [{"id": 741052099, "item_id": 46315756, "url": "https://news.ycombinator.com/item?id=46315756", "by": "bobjordan", "date": "2025-12-18", "stance": "recommend", "quote": "build out Shadcn components without hallucinating", "excerpt": "I\u2019ve been a fan of this philosophy since the Intercooler.js days. In fact, our legacy customer portal at bomquote.com still runs on Intercooler. I spent the last year building a new version using the \"modern\" version of that stack: Flask, HTMX, Alpine, and Tailwind. However, I\u2019ve recently made the difficult decision to rewrite the frontend in React (specifically React/TS, TanStack Query, Orval, and Shadcn). In a perf", "context": "builds customer portal bomquote.com", "use_case": "UI components", "switched_from": "", "story": "Please just try HTMX"}, {"id": 737208641, "item_id": 46075540, "url": "https://news.ycombinator.com/item?id=46075540", "by": "tonyoconnell", "date": "2025-11-27", "stance": "recommend", "quote": "I use Shadcn UI and Claude Code to do my design these days", "excerpt": "Hello. I was delighted to see Penpot get a lot of traction when Adobe were going to buy Figma. I'm not a fan of Adobe because they killed so many of my favourite products. I switched from Macromedia (acquired by Adobe) Fireworks to Sketch to Figma and probably would have moved from Figma to Penpot already but I simply don't need Figma anymore. I use Shadcn UI and Claude Code to do my design these days without every h", "context": "", "use_case": "UI components for design", "switched_from": "", "story": "Penpot: The Open-Source Figma"}, {"id": 747045488, "item_id": 46690343, "url": "https://news.ycombinator.com/item?id=46690343", "by": "kaizenb", "date": "2026-01-20", "stance": "recommend", "quote": "I use shadcn/ui for side projects, mostly coding with agents.", "excerpt": "I use shadcn/ui for side projects, mostly coding with agents. Good to have a base design system for building products. Are there any alternatives? Coded systems, not just UI components.", "context": "", "use_case": "base design system for side projects", "switched_from": "", "story": "The Overcomplexity of the Shadcn Radio Button"}]}, {"label": "Maintainability", "summary": "One team found it beat their custom library on clarity, consistency and simplicity.", "quotes": [{"id": 747066704, "item_id": 46691669, "url": "https://news.ycombinator.com/item?id=46691669", "by": "bromuro", "date": "2026-01-20", "stance": "recommend", "quote": "Shadcn wins for clarity, consistency, maintenanility and simplicity.", "excerpt": "I don\u2019t see the \u201ccomplexity\u201d the author is yelling about. Maybe is the tailwind verbosity? It seems they don\u2019t understand the underlying requirements when building a reusable UI library. Yes in shadcn there are some opinionated choices , but the \u201ci can do better/ i am smarter\u201d attitude of this article is off putting. We used shadcn in one project , and wrote a custom UI library for another (using the same \u201csmart tric", "context": "used in one project, custom UI library in another", "use_case": "reusable UI library", "switched_from": "", "story": "The Overcomplexity of the Shadcn Radio Button"}]}, {"label": "Sane defaults", "summary": "Recommended as a starting point so generated UIs look less generic.", "quotes": [{"id": 795059809, "item_id": 49691238, "url": "https://news.ycombinator.com/item?id=49691238", "by": "p32929", "date": "2026-09-14", "stance": "recommend", "quote": "Start from an existing template or a component library with sane defaults (Material UI, shadcn, Tailwind UI - pick one and commit)", "excerpt": "The failure mode a sibling comment names - \"it will look LLM-generated\" - is a design problem, not a coding problem, and the model cannot fix it for you because you are not yet able to evaluate the output. The cheap way around that is to not generate the design at all. Start from an existing template or a component library with sane defaults (Material UI, shadcn, Tailwind UI - pick one and commit) and have the model ", "context": "", "use_case": "frontend component library", "switched_from": "", "story": "Ask HN: Is Vibe coding the frontend okay for someone who is expert in DevOps?"}, {"id": 747045488, "item_id": 46690343, "url": "https://news.ycombinator.com/item?id=46690343", "by": "kaizenb", "date": "2026-01-20", "stance": "recommend", "quote": "I use shadcn/ui for side projects, mostly coding with agents.", "excerpt": "I use shadcn/ui for side projects, mostly coding with agents. Good to have a base design system for building products. Are there any alternatives? Coded systems, not just UI components.", "context": "", "use_case": "base design system for side projects", "switched_from": "", "story": "The Overcomplexity of the Shadcn Radio Button"}]}, {"label": "Free alternative", "summary": "Seen as replacing the need to buy Tailwind's paid UI kits.", "quotes": [{"id": 744750817, "item_id": 46546926, "url": "https://news.ycombinator.com/item?id=46546926", "by": "pembrook", "date": "2026-01-08", "stance": "recommend", "quote": "Radix/Shadcn (which uses tailwind for styling of course) that killed the need to buy Tailwind\u2019s UI kits by offering all these primitives with good default styling for free", "excerpt": "I love tailwind, but I think it\u2019s disingenuous for Adam to claim that \u201cAI\u201d killed the tailwind UI kit business. Ultimately it was Radix/Shadcn (which uses tailwind for styling of course) that killed the need to buy Tailwind\u2019s UI kits by offering all these primitives with good default styling for free. Also, the tailwind UI stuff feels pretty dated at this point in comparison to what\u2019s offered in other free UI librari", "context": "", "use_case": "UI components", "switched_from": "", "story": "Google AI Studio is now sponsoring Tailwind CSS"}, {"id": 794037521, "item_id": 49627345, "url": "https://news.ycombinator.com/item?id=49627345", "by": "danvayn", "date": "2026-09-09", "stance": "recommend", "quote": "you should really be thanking things like Shadcn", "excerpt": "That was certainly not overnight. The biggest disruption they personally did was offering a better alternative to Bootstrap. More customization, JIT compilation that allowed for custom class interpretation without any added CSS, proper flex consideration, removing unused library classes in the production compilation step, etc. Beyond this, you should really be thanking things like Shadcn for the \u201cdate picker disrupti", "context": "", "use_case": "UI components", "switched_from": "", "story": "Shopify acquires Tailwind"}]}], "caveats": [{"label": "LLM look", "summary": "Because LLMs default to it, sites using it can look AI-generated.", "quotes": [{"id": 767760832, "item_id": 47985052, "url": "https://news.ycombinator.com/item?id=47985052", "by": "quadral", "date": "2026-05-02", "stance": "warn", "quote": "when every LLM defaults to using this UI, it just makes mine look LLM generated.", "excerpt": "The epitome of all LLM generated websites. I used to use ShadCN but when every LLM defaults to using this UI, it just makes mine look LLM generated.", "context": "", "use_case": "UI components", "switched_from": "", "story": "Shadcn/UI: A set of beautifully designed components that you can customize"}]}, {"label": "Ecosystem instability", "summary": "One user found the layers built on top of it unstable and annoying to maintain.", "quotes": [{"id": 747059841, "item_id": 46691240, "url": "https://news.ycombinator.com/item?id=46691240", "by": "hombre_fatal", "date": "2026-01-20", "stance": "warn", "quote": "the layers on top of it were super unstable, and I was annoyed every time I have to work on those projects", "excerpt": "One midpoint is traditional css frameworks like https://getbootstrap.com/. Not as powerful, and you don't get this sweet 3rd-party pluggable component catalog, but it's much simpler and it's stable: there's no constantly evolving ecosystem. Shadcn ecosystem might have calmed down by now, but when I used it years ago, the layers on top of it were super unstable, and I was annoyed every time I have to work on those pro", "context": "", "use_case": "React UI components", "switched_from": "", "story": "The Overcomplexity of the Shadcn Radio Button"}]}, {"label": "Setup friction", "summary": "One commenter struggled to fully install it with Tailwind amid mismatched versions and styles.", "quotes": [{"id": 781862448, "item_id": 48866403, "url": "https://news.ycombinator.com/item?id=48866403", "by": "pgisapedo", "date": "2026-07-10", "stance": "warn", "quote": "HOW DO YOU FULLY INSTALL TAILWIND AND SHADCN", "excerpt": "Like those \"HTML Templates\" of the early 00s where the demo looks amazing but when you copy and paste it all into your setup hardly anything looks the same. Your outer CSS and FE framework isn't accounted for, and often the overall layout doesn't work / isn't responsive. Then you go to add new components... Suddenly you are missing entire CSS files that were not included in the last thing you pasted in. Gotta find th", "context": "", "use_case": "UI components", "switched_from": "", "story": "Shadcn/UI now defaults to Base UI instead of Radix"}]}], "who": [{"by": "bromuro", "context": "used in one project, custom UI library in another", "url": "https://news.ycombinator.com/item?id=46691669", "date": "2026-01-20"}, {"by": "bobjordan", "context": "builds customer portal bomquote.com", "url": "https://news.ycombinator.com/item?id=46315756", "date": "2025-12-18"}, {"by": "maxnew", "context": "built a derivative calculator", "url": "https://news.ycombinator.com/item?id=46242323", "date": "2025-12-12"}], "tags": ["for AI-assisted coding", "for side projects", "for Tailwind users", "for React apps", "for desktop apps"], "use_cases": ["ui components", "frontend component library", "ui for desktop apps and websites", "reusable ui library", "react ui components", "base design system for side projects"], "compared": [{"slug": "tailwind-css", "name": "Tailwind CSS", "co": 5, "switched_from": 0, "switched_to": 0}, {"slug": "bootstrap", "name": "Bootstrap", "co": 2, "switched_from": 0, "switched_to": 0}, {"slug": "tailwind-plus", "name": "Tailwind Plus", "co": 2, "switched_from": 0, "switched_to": 0}, {"slug": "material-ui", "name": "Material UI", "co": 2, "switched_from": 0, "switched_to": 0}], "makers": [], "threads": [{"url": "https://news.ycombinator.com/item?id=46688971", "title": "The Overcomplexity of the Shadcn Radio Button", "mentions": 3}, {"url": "https://news.ycombinator.com/item?id=48791328", "title": "Shadcn/UI now defaults to Base UI instead of Radix", "mentions": 2}, {"url": "https://news.ycombinator.com/item?id=49518463", "title": "Ask HN: Is Vibe coding the frontend okay for someone who is expert in DevOps?", "mentions": 1}, {"url": "https://news.ycombinator.com/item?id=49626190", "title": "Shopify acquires Tailwind", "mentions": 1}, {"url": "https://news.ycombinator.com/item?id=47984512", "title": "Shadcn/UI: A set of beautifully designed components that you can customize", "mentions": 1}, {"url": "https://news.ycombinator.com/item?id=46545077", "title": "Google AI Studio is now sponsoring Tailwind CSS", "mentions": 1}], "sentiment_by_month": {"2025-11": {"recommend": 1}, "2025-12": {"neutral": 1, "recommend": 1}, "2026-01": {"recommend": 3, "warn": 1}, "2026-02": {}, "2026-03": {}, "2026-04": {}, "2026-05": {"warn": 1}, "2026-06": {}, "2026-07": {"recommend": 1, "warn": 1}, "2026-08": {}, "2026-09": {"recommend": 2}, "2026-10": {}}, "quotes": [{"id": 795059809, "item_id": 49691238, "url": "https://news.ycombinator.com/item?id=49691238", "by": "p32929", "date": "2026-09-14", "stance": "recommend", "quote": "Start from an existing template or a component library with sane defaults (Material UI, shadcn, Tailwind UI - pick one and commit)", "excerpt": "The failure mode a sibling comment names - \"it will look LLM-generated\" - is a design problem, not a coding problem, and the model cannot fix it for you because you are not yet able to evaluate the output. The cheap way around that is to not generate the design at all. Start from an existing template or a component library with sane defaults (Material UI, shadcn, Tailwind UI - pick one and commit) and have the model ", "context": "", "use_case": "frontend component library", "switched_from": "", "story": "Ask HN: Is Vibe coding the frontend okay for someone who is expert in DevOps?"}, {"id": 794037521, "item_id": 49627345, "url": "https://news.ycombinator.com/item?id=49627345", "by": "danvayn", "date": "2026-09-09", "stance": "recommend", "quote": "you should really be thanking things like Shadcn", "excerpt": "That was certainly not overnight. The biggest disruption they personally did was offering a better alternative to Bootstrap. More customization, JIT compilation that allowed for custom class interpretation without any added CSS, proper flex consideration, removing unused library classes in the production compilation step, etc. Beyond this, you should really be thanking things like Shadcn for the \u201cdate picker disrupti", "context": "", "use_case": "UI components", "switched_from": "", "story": "Shopify acquires Tailwind"}, {"id": 781862448, "item_id": 48866403, "url": "https://news.ycombinator.com/item?id=48866403", "by": "pgisapedo", "date": "2026-07-10", "stance": "warn", "quote": "HOW DO YOU FULLY INSTALL TAILWIND AND SHADCN", "excerpt": "Like those \"HTML Templates\" of the early 00s where the demo looks amazing but when you copy and paste it all into your setup hardly anything looks the same. Your outer CSS and FE framework isn't accounted for, and often the overall layout doesn't work / isn't responsive. Then you go to add new components... Suddenly you are missing entire CSS files that were not included in the last thing you pasted in. Gotta find th", "context": "", "use_case": "UI components", "switched_from": "", "story": "Shadcn/UI now defaults to Base UI instead of Radix"}, {"id": 780668976, "item_id": 48791811, "url": "https://news.ycombinator.com/item?id=48791811", "by": "upmostly", "date": "2026-07-04", "stance": "recommend", "quote": "I've found that no UI library comes close to shadcn's quality.", "excerpt": "Great news. I've found that no UI library comes close to shadcn's quality. It even looks incredible when building desktop apps. We used it to build DB Pro [1] and the DB Pro website, and everyone compliments us on our design. I see it becoming the defacto choice for UIs especially when building with agents. [1] https://dbpro.app", "context": "", "use_case": "UI for desktop apps and websites", "switched_from": "", "story": "Shadcn/UI now defaults to Base UI instead of Radix"}, {"id": 767760832, "item_id": 47985052, "url": "https://news.ycombinator.com/item?id=47985052", "by": "quadral", "date": "2026-05-02", "stance": "warn", "quote": "when every LLM defaults to using this UI, it just makes mine look LLM generated.", "excerpt": "The epitome of all LLM generated websites. I used to use ShadCN but when every LLM defaults to using this UI, it just makes mine look LLM generated.", "context": "", "use_case": "UI components", "switched_from": "", "story": "Shadcn/UI: A set of beautifully designed components that you can customize"}, {"id": 747066704, "item_id": 46691669, "url": "https://news.ycombinator.com/item?id=46691669", "by": "bromuro", "date": "2026-01-20", "stance": "recommend", "quote": "Shadcn wins for clarity, consistency, maintenanility and simplicity.", "excerpt": "I don\u2019t see the \u201ccomplexity\u201d the author is yelling about. Maybe is the tailwind verbosity? It seems they don\u2019t understand the underlying requirements when building a reusable UI library. Yes in shadcn there are some opinionated choices , but the \u201ci can do better/ i am smarter\u201d attitude of this article is off putting. We used shadcn in one project , and wrote a custom UI library for another (using the same \u201csmart tric", "context": "used in one project, custom UI library in another", "use_case": "reusable UI library", "switched_from": "", "story": "The Overcomplexity of the Shadcn Radio Button"}, {"id": 747059841, "item_id": 46691240, "url": "https://news.ycombinator.com/item?id=46691240", "by": "hombre_fatal", "date": "2026-01-20", "stance": "warn", "quote": "the layers on top of it were super unstable, and I was annoyed every time I have to work on those projects", "excerpt": "One midpoint is traditional css frameworks like https://getbootstrap.com/. Not as powerful, and you don't get this sweet 3rd-party pluggable component catalog, but it's much simpler and it's stable: there's no constantly evolving ecosystem. Shadcn ecosystem might have calmed down by now, but when I used it years ago, the layers on top of it were super unstable, and I was annoyed every time I have to work on those pro", "context": "", "use_case": "React UI components", "switched_from": "", "story": "The Overcomplexity of the Shadcn Radio Button"}, {"id": 747045488, "item_id": 46690343, "url": "https://news.ycombinator.com/item?id=46690343", "by": "kaizenb", "date": "2026-01-20", "stance": "recommend", "quote": "I use shadcn/ui for side projects, mostly coding with agents.", "excerpt": "I use shadcn/ui for side projects, mostly coding with agents. Good to have a base design system for building products. Are there any alternatives? Coded systems, not just UI components.", "context": "", "use_case": "base design system for side projects", "switched_from": "", "story": "The Overcomplexity of the Shadcn Radio Button"}, {"id": 744750817, "item_id": 46546926, "url": "https://news.ycombinator.com/item?id=46546926", "by": "pembrook", "date": "2026-01-08", "stance": "recommend", "quote": "Radix/Shadcn (which uses tailwind for styling of course) that killed the need to buy Tailwind\u2019s UI kits by offering all these primitives with good default styling for free", "excerpt": "I love tailwind, but I think it\u2019s disingenuous for Adam to claim that \u201cAI\u201d killed the tailwind UI kit business. Ultimately it was Radix/Shadcn (which uses tailwind for styling of course) that killed the need to buy Tailwind\u2019s UI kits by offering all these primitives with good default styling for free. Also, the tailwind UI stuff feels pretty dated at this point in comparison to what\u2019s offered in other free UI librari", "context": "", "use_case": "UI components", "switched_from": "", "story": "Google AI Studio is now sponsoring Tailwind CSS"}, {"id": 741052099, "item_id": 46315756, "url": "https://news.ycombinator.com/item?id=46315756", "by": "bobjordan", "date": "2025-12-18", "stance": "recommend", "quote": "build out Shadcn components without hallucinating", "excerpt": "I\u2019ve been a fan of this philosophy since the Intercooler.js days. In fact, our legacy customer portal at bomquote.com still runs on Intercooler. I spent the last year building a new version using the \"modern\" version of that stack: Flask, HTMX, Alpine, and Tailwind. However, I\u2019ve recently made the difficult decision to rewrite the frontend in React (specifically React/TS, TanStack Query, Orval, and Shadcn). In a perf", "context": "builds customer portal bomquote.com", "use_case": "UI components", "switched_from": "", "story": "Please just try HTMX"}, {"id": 739877172, "item_id": 46242323, "url": "https://news.ycombinator.com/item?id=46242323", "by": "maxnew", "date": "2025-12-12", "stance": "neutral", "quote": "TailwindCSS and Shadcn/UI ensured the interface remained clean, accessible, and distraction-free.", "excerpt": "Hey everyone, I remember struggling with Calculus back in the day, specifically with knowing which rule to apply and when. I decided to build a tool to help with that. It's a Derivative Calculator that focuses on explaining the solution, not just giving the result. Why I made it: Most calculators are either paid or just dump the final LaTeX string. I wanted something that visualizes the graph and walks you through th", "context": "built a derivative calculator", "use_case": "UI components", "switched_from": "", "story": "Show HN: A free derivative calculator with step-by-step explanations"}, {"id": 737208641, "item_id": 46075540, "url": "https://news.ycombinator.com/item?id=46075540", "by": "tonyoconnell", "date": "2025-11-27", "stance": "recommend", "quote": "I use Shadcn UI and Claude Code to do my design these days", "excerpt": "Hello. I was delighted to see Penpot get a lot of traction when Adobe were going to buy Figma. I'm not a fan of Adobe because they killed so many of my favourite products. I switched from Macromedia (acquired by Adobe) Fireworks to Sketch to Figma and probably would have moved from Figma to Penpot already but I simply don't need Figma anymore. I use Shadcn UI and Claude Code to do my design these days without every h", "context": "", "use_case": "UI components for design", "switched_from": "", "story": "Penpot: The Open-Source Figma"}]}