7 ms·
Shadcn/UI now defaults to Base UI instead of Radix
- deleted 3mo ago[deleted]
- dyllon 3mo agoMoving away from codemods and towards LLMs doing migration work is an interesting development. Even if they’re more deterministic, I wonder if the days of codemods are numbered.
- kristiandupont 3mo agoI think the two complement each other perfectly and will continue to do so. I keep writing AGENTS.md files for soft rules and custom linter rules for hard ones which IMO is the best of both worlds.
- yard2010 3mo agoHow about leveraging llms to produce deterministic codemods? You can then iterate on this by running the codemods and using other deterministic guardrails, feeding the results back into the llm to improve the codemods?
- willsmith72 3mo agoYeah exactly this is right. In the same way that we don't get an LLM to write the HTML for each request, but we do get an LLM to write the code to make the HTML
- tipiirai 3mo agoSorry, what is codemod here?
- tingletech 3mo agoI just googled it a second ago https://martinfowler.com/articles/codemods-api-refactoring.html https://martinfowler.com/articles/codemods-api-refactoring.h...
- afiori 3mo agoA tool to do automatic migrations eg react often publ
- xyzzy_plugh 3mo agoThe framing in TFA is a dangerous way to think. Codemods are whatever, I could take em or leave em. What you want isn't skill files for LLMs, though. Just write docs for humans. Write a migration guide, for humans. It's going to take us a while to realize they should be the same things, skill files and docs.
- Topfi 3mo agoThat's great. Started using Base UI early on via 9ui [0] and found the primitives very pleasant to work with, especially if one wants to compose more complex components from other Base UI components. Maybe Shad can reduce some of the dependencies they rely on now. [0] https://www.9ui.dev https://www.9ui.dev
- mr-karan 3mo ago[flagged]
- gherkinnn 3mo agoI have used and mostly like Shadcn, and yet their Radix-based radio button was a bit much, as are other choices, where similarly overblown solutions were used. https://news.ycombinator.com/item?id=46688971 https://news.ycombinator.com/item?id=46688971
- notpushkin 3mo agoMy main gripe with Shadcn and, well, most UI libraries nowadays, is that they are reinventing the wheel for like a thousandth time. I’m trying out Ark UI on a side project. They do have some genuinely useful components, like tags input: https://ark-ui.com/docs/components/tags-input https://ark-ui.com/docs/components/tags-input They have a tabs/“segment group” component with a nice animated active element indicator which would probably be tricky to implement: https://ark-ui.com/docs/components/segment-group https://ark-ui.com/docs/components/segment-group And then they also have stuff like overcomplicated “click to copy” button and a <details> reimplementation: https://ark-ui.com/docs/components/clipboard https://ark-ui.com/docs/components/clipboard, https://ark-ui.com/docs/components/collapsible https://ark-ui.com/docs/components/collapsible All with a verbose markup that renders as a div soup.
- gjvc 3mo ago[flagged]
- Griffinsauce 3mo agoI think this is really an indictment of the platform. Much more stuff should be covered by the browser.
- chvid 3mo agoFor boring applications - do people prefer the copy paste approach of shadcn instead of a traditional ui library like mantine? The copy paste approach may be easily modifiable but creates new problems - ie now there is an upgrade ai agent for something that should just be ticking up a version number.
- sreekanth850 3mo agoBigger issue ,every app that use shadcn use 100% same. I still have to figure how people differentiate their brand using shadcn.
- sevenzero 3mo agoI highly prefer a copy and paste approach. The less npm installs the better.
- IceDane 3mo agoMartine just straight up sucks. Vendoring your components gives you the best of both worlds. You get a full component library but retain the ability to modify them as you want. Your AI agent claim doesn't make any sense either. When upgrading normally your component just gets rewritten on disk. When switching from radix to base ui, a more comprehensive approach is needed.
- chvid 3mo agoThe ai agent “claim” is from the webpage that is linked to: When You're Ready to Migrate You don't need to migrate. But if you want to, we built a skill for it: pnpm dlx skills add shadcn/ui Then ask your coding agent: migrate accordion to base-ui
- addandsubtract 3mo agoThis is just an ongoing trend to address coding agents first in documentation, and people / manual methods second.
- Griffinsauce 3mo ago
- skeptrune 3mo agobased
- kcrwfrd_ 3mo agoTangential but does anyone an have opinion on Base UI vs React Aria? Trying to decide between the two atm.
- lloydatkinson 3mo agoPersonally I'd prefer React Aria; I don't have the patience to try understand why suddenly everyone is rushing to adopt Base UI instead of Radix which itself was once suddenly the thing everyone rushed to instead of Stitches. Having a library not in anyway related to that to me feels like a big pro. I have found React Aria to be very good. I really like how its a set of hooks, a set of premade components using said hooks, and I like how you can choose bits of either approach for your own components. Some of the hooks are very useful.
- re-thc 3mo ago> why suddenly everyone is rushing to adopt Base UI instead of Radix MUI (who started Base UI) hired the Radix "original" developers and they were pushing that as it being Radix v2.
- lloydatkinson 3mo agoMUI is one of the most dreadful UI libraries I have ever had to use.
- upmostly 3mo ago[flagged]
- 8cvor6j844qw_d6 3mo agoWhat is the shadcn/ui equivalent for Angular? PrimeNG had a licensing change recently and I'm looking at a suitable alternatives for a fresh project.
- cube00 3mo ago> PrimeNG had a licensing change recently Both attempts [1] to surface this on HN failed but if you are using a PrimeTek component library you need to be aware of this change. PrimeNG, PrimeReact, and PrimeVue are all going fully closed source and ongoing licencing will be $800 per developer seat in 2027. [2] The previous repos have been archived. [3] PrimeFaces remains open source but it's now developed and maintained by independent volunteer developers who are not employees of PrimeTek. [1]: https://hn.algolia.com/?q=The+Next+Chapter+of+PrimeTek https://hn.algolia.com/?q=The+Next+Chapter+of+PrimeTek [2]: https://primeui.dev/nextchapter https://primeui.dev/nextchapter [3]: https://github.com/primefaces/primeng https://github.com/primefaces/primeng
- jph 3mo agoI'm building Lily Design System as a response to Shadcn and similar systems not yet being available directly for multiple stacks including Svelte, Angular, Nunchucks. It's all free open source. If you want to send me your feedback, suggestions, etc. I can easily add things to Lily. https://lilydesignsystem.github.io https://lilydesignsystem.github.io
- deleted 3mo ago[deleted]
- nullbio 3mo agoWhy? What advantage does it bring?
- dabinat 3mo agoBase UI is more low-level, a lot less opinionated and doesn’t force you into certain layouts. This of course makes it more complex to use, but that doesn’t matter if you’re using shadcn components because they’re doing that work for you. So essentially they look and operate the same as Radix components at the shadcn level but you have low-level control later on should you need it.
- f-serif 3mo agoI tried to use baseUI and gave up. Forms are a bit different and I can't no longer copy/paste similar form code between projects (unless I migrate everything to baseUI).
- stefan_ 3mo agoYeah instead of this slop a simple table explaining the tradeoff would have been far superior.
- vmware508 3mo agoMy choice is https://www.skeleton.dev/ https://www.skeleton.dev/
- esperent 3mo agoWhy? There's a thousand component libraries, what makes this one stand out?
- Wurlitzer 3mo agoIt uses Zag js for its primitives which is framework agonistic as opposed to Radix or Base UI. Shadcn is only for React. If you use Solid.js for example, Skeleton is an option for your design system.
- ruguo 3mo agoMost of the websites I found are still on the radix version.
- joel_liu 3mo ago[flagged]
- vjeux 3mo agoCurious if anyone tried Astryx that was open sourced by Meta last week to see how it compares.
- ricardobeat 3mo agoIt’s getting tiring to hear at this point, but the Claude voice comes through clearly in this post, and it’s a little off-putting. If even an important product release doesn’t warrant full human attention, where will we draw the line?
- deanc 3mo agoSerious question, why does it matter to you? Maybe they wrote a draft and reviewed Claude's writing before publishing. Why are we trying to "call out" when AI is assisting us in our work? This is an open source project, not a F500 company. They have limited resources, maybe English isn't their first language.
- lionkor 3mo agoBecause it implies that the users of the AI don't understand that it's output is usually horseshit littered with enough good info to make it sound correct
- dev_hugepages 3mo agoBecause it sounds like the average LinkedIn poster and we don't want it to invade spaces outside LinkedIn.
- IshKebab 3mo agoI think fundamentally it's just really annoying to read the same cringey LinkedIn style voice everywhere. If you manage to write an AI assisted article that doesn't tediously follow the "what this means for you", "it's not this, it's that", "One thing. Two things. Three things." formula... I really doubt people would complain.
- vcf 3mo agoI agree that the style is somewhat generic, but for things like new release announcements, I find that the common structure allows me to skim through much faster. I value that and am happy with that tradeoff.
- 3mo ago
- rplnt 3mo agoOn React Native support: https://github.com/mui/base-ui/issues/2612 https://github.com/mui/base-ui/issues/2612
- deleted 3mo ago[deleted]
- saaskitdev 3mo ago[dead]
- joel_liu 3mo ago[flagged]
- pgisapedo 3mo agoShadcn is great until you want to use it
- goldenarm 3mo agoWhy ?
- pgisapedo 3mo agoLike 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 those. But the versions have changed in 1 but not the other. Dropdowns don't look the same in v3 but the styles for all form elements need to be v3 in order to use the modal overlay. You end up hunting down JS and CSS files, versioning down markup, eventually you recall why npm was invented. Now the hunt really begins - whose npm do I use? All Google searches point to the official sounding "shadcn-ui" - oops, despite millions of downloads there's a deprecation notice - the other non-namespaced one with an almost identical name is the correct one. But, oops! Tailwind needed. Now the hunt really begins - How do you install Tailwind???? Lol and I wish I was joking when I say: HOW DO YOU FULLY INSTALL TAILWIND AND SHADCN The answer is: You can't. There are varying degrees to what those words mean and it's a wild west within a wild west. ...is the main reason.
- klaussilveira 3mo agoI miss a good old skeuomorphic styleguide. I guess the last one was Blueprint?
- TheFuzzball 3mo agoImagine building a brand new component library to replace your already quite successful component library and still making it React-only.
- geophph 3mo agoThis reads like a script to a Theo video
- xiaoape 3mo agoI'm still on Daisyui and feeling FOMO here. Is it worth the switch and why?
- nektro 3mo agourl should be https://ui.shadcn.com/docs/changelog/2026-07-base-ui-default https://ui.shadcn.com/docs/changelog/2026-07-base-ui-default
- notnullorvoid 3mo agoIt bothers me that these popular UI toolkits render copious amounts of divs. I went to look at Base UI and for nearly every component it's "Renders a <div> element", when there are native elements that can achieve the same thing like details/summary for accordion. I'm far from a native web evangelist, I think there's a lot the web APIs especially HTML gets wrong, but div overuse is also wrong.
- ahmedehab_01 3mo agoWould that lead to anything better for the users, such as a smaller bundle size? Or is it more of a QoL change for Shadcn maintainers?
- another_twist 3mo agoI want to use shad-CN but instead end up defaulting to Mantine everytime. Its just so much faster than having to remember which contexts to wire in.