Shadcn/UI: A set of beautifully designed components that you can customize

by doener • 3 months ago

17 13 3 months ago

quadral• 3 months ago

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.

super256• 3 months ago

You can easily change the theme by changing the css variables. You might want to take a look at https://tweakcn.com/

QuantumNomad_• 3 months ago

Ironically that site has a paid AI option.

franky47• 3 months ago

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.

threatofrain2• 3 months ago

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.

bbg2401• 3 months ago

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.

tyleo• 3 months ago

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.

threatofrain2• 3 months ago

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.

nate8bit2• 3 months ago

Yea, was wondering this too.

dankobgd• 3 months ago

The most overrated ui lib in last 15 years

0xCAP2• 3 months ago

Finally somebody said it. Thanks.

nate8bit2• 3 months ago

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).

0xCAP2• 3 months ago

Incredibile how web development fell to the point of people making a big deal out of a repository of working examples of UI components.

Shadcn/UI: A set of beautifully designed components that you can customize

Related Stories