The whole point of shadcn/ui is that it’s customisable (that’s why the components are copied into your app as opposed to installed from a central npm package).
The reason why customizing has some mild disincentive is because as you install more components, all the other new components won't be aware of your changes. Otherwise it's a great start for a custom design system.
That's nominally true, but a project using shadcn/ui is nearly immediately identifiable as such because most do not deviate from the defaults it (or Tailwind) provides. A UI for toggling border radius and colour palettes isn't going to help this.
The driving purpose of Tailwind is to provide a massive suite of utility classes to atop a consistent set of design tokens and yet the vast majority of projects using it will be plucking patterns wholesale from TailwindCSS Plus, Flowbite, etc.
Even Bootstrap was designed for customisation but still, a large number of teams who deployed it would stick largely with the defaults. It's just how it goes, and it's a perfectly valid complaint from observers.
I have absolutely nothing against Tailwind and shadcn/ui so don't take this as a criticism. This is aimed squarely at the people who point out that these tools are designed for customisation without acknowledging nearly every deployed example pulls from the same limited pool of defaults, UI components and larger templates. And why wouldn't they, tailored design systems take incredible effort and skill to get right.
That's funny. I thought ShadCN was LLM generated when I saw this thread and clicked the link. I didn't realize it was the ancestor of all the other stuff.
We initially looked into using shadcn/radix - but it's quite bloated. Maybe even warranted with all the a11y accommodations - even the official W3C ARIA examples are not straightforward (most of the time).
Is there any news for shadcn? Otherwise I'm not sure there's much point to surfacing one of the most visible libraries in the ecosystem.
Yea, was wondering this too.
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.
The whole point of shadcn/ui is that it’s customisable (that’s why the components are copied into your app as opposed to installed from a central npm package).
This is made easier with the /create UI: https://ui.shadcn.com/create
People use it like a design system, but it’s more like a design system for design systems.
The reason why customizing has some mild disincentive is because as you install more components, all the other new components won't be aware of your changes. Otherwise it's a great start for a custom design system.
That's nominally true, but a project using shadcn/ui is nearly immediately identifiable as such because most do not deviate from the defaults it (or Tailwind) provides. A UI for toggling border radius and colour palettes isn't going to help this.
The driving purpose of Tailwind is to provide a massive suite of utility classes to atop a consistent set of design tokens and yet the vast majority of projects using it will be plucking patterns wholesale from TailwindCSS Plus, Flowbite, etc.
Even Bootstrap was designed for customisation but still, a large number of teams who deployed it would stick largely with the defaults. It's just how it goes, and it's a perfectly valid complaint from observers.
I have absolutely nothing against Tailwind and shadcn/ui so don't take this as a criticism. This is aimed squarely at the people who point out that these tools are designed for customisation without acknowledging nearly every deployed example pulls from the same limited pool of defaults, UI components and larger templates. And why wouldn't they, tailored design systems take incredible effort and skill to get right.
You can easily change the theme by changing the css variables. You might want to take a look at https://tweakcn.com/
Ironically that site has a paid AI option.
That's funny. I thought ShadCN was LLM generated when I saw this thread and clicked the link. I didn't realize it was the ancestor of all the other stuff.
The most overrated ui lib in last 15 years
We initially looked into using shadcn/radix - but it's quite bloated. Maybe even warranted with all the a11y accommodations - even the official W3C ARIA examples are not straightforward (most of the time).