Is This The Best New UI Library?

[@dennisadamczyk5067]

Shadcn is not a company, it's a person 😅

[@AndrieMC]

yeah LMAO

[@omarjesusperezortiz75]

a company can be a person as well

[@dontreadmyusername6787]

Its an opensource company/project run by a single person

[@AtomicPixels]

its a both actualty

[@Overlord176]

@@omarjesusperezortiz75 a company is a tax entity :skull:

[@Me-vc4sf]

It just missing couples of input like floating label input, otp input

[@unknownguywholovespizza]

Contribute or open an issue

[@ShiloBuff]

They should call it "chadcn-ui".

[@TheGrandChieftain]

Just started using it because everyone said it was great, but now I know why. Thanks.

[@s1lli]

bro said " a company" it's one guy lol

[@dog4ik]

Does it still require to install radixui dependency?

[@babthedev]

Copy and paste made easy.

[@sitedel]

In the Alert component sample: import * as React from "react" Yeah i see... Another "lightweight" component system that depend on so many dependencies that a single Alert message doesn't appear on slow mobile networks.

[@metcaelfe]

You hate the handicapped

[@mickmister]

How does the updating work as you mention? Seems like we're duplicating code here instead of reusing some open source code that continue to be maintained externally

[@mhemaungthuwin7916]

The most annoying thing for me is when using framework like Material UI, the DOM node in the inspect pane doesn't really exist in my codebase.

[@Cowkill]

This is awesome. I worked with MUI once and it was a pain to visually customize in details.

[@drumncase6966]

Could you do a full video on this please?

[@SpektRProduction]

NuxtUI visually cooler, there are more components and the components themselves are more flexible

[@ALTTABINMAINMENU]

Right, and then you end up having bunch of unsupported code in your codebase. NICE!

[@ZadaheaD]

I feel sorry for the future senior developers… they will be masters at copy pasting instead of actually code 😢

[@b.o.t7888]

I guess the main pain point is that when we make customisation to their components for example change the look and some functionality in the button then it will be very difficult to update it if they introduced some new features inside their button component

[@daveybrown1160]

This is also my first thought. Maybe they have some clever flow for updating.

[@muhammadhafizuddin2965]

Dude, shadcn ui is library that aimed to be minimal, unstyled, so it kind of provide very basic sane default, and already working component like dropdown, carousel etc. I meant what function you want in a button thats supposed to be unstyled? Its no even “pain point to begin with”. You said its hard to update, the reason shadcn is being built like this and not as npm package to allow you to customize. You can just use copy paste, and make your own file directory/structure and put it where you want. Its your code now, each update just treat as your “update” to your own code. When in npm package, this is plainly impossible as you need to modify the source code in node modules 😂😂.whenever he update the library just go and see what changes. Use diff in your terminal. Idk man, think something you are a developer.

[@muhammadhafizuddin2965]

If you think not having access to update your button, kinda funny. You want a fucking button, basic hover state and all that and quite nice default, padding rounded corners etc. It did it work as ui library. The rest is your fucking work, not “ui library”. If this is your pain point, heh looks like maybe chatgpt and devin might be better than some developers heh.

[@DaWizardOfOz7]

You still have to download a bunch of dependencies to use their different components

[@samwise8731]

How's this different from Tailwind UI's components? I tried shadcn and it's not easy to customize. It comes with colours already and digging in and changing those things takes too much time.

[@wildercarvalho2586]

Probably you need to change the theme palette. The colors of components follow those colors such as primary, secondary etc...

[@chrissigrilus6390]

This is terrible. Once you touch the code you own it. No way you can guarantee an upgrade. I have made terrible experiences long term with these kinds of "libraries"... Its stooopid

[@kakun7238]

wdym by an upgrade you literally have the code its just design no functionality and its using radix so you can upgrade radix but shadcn is you just copying the design of someone else

[@lionheart4109]

I believe RadixUi already does this, while also emphasizing accessibility.

[@zenova9926]

This library is 99% made from radix ui

[@ichiroutakashima4503]

Think of it like this. It's RadixUI but better.

[@vincenttse3167]

This library is essentially guiding you how to style radix ui.

[@berndeveloper]

RadixUi doesn't have tables.

[@judahschwartz7459]

Seems like lazy programming to me. No encapsulation or seperation of concerns. I think code that follows the open closed principal is much easier to maintain, since you don't need to resolve merge conflicts to get an update. This feels like an open gateway to bad practice

[@unknownguywholovespizza]

No.

[@0xtz_]

It's amazing can't wait to use it

[@el_teodoro]

Am I the only one who just uses pure css to make UI? I mean things like display flex and grid makes it do easy...

[@therelatableladka]

We are the same bro

[@unknownguywholovespizza]

Shadcn comes with pre defined styles

[@vertas.y]

😭😭I thought CLI was the client, thank you

[@ghostlexly]

I have given it a try, there are just few components with just few small functionalities… not at the same level as material ui

[@mohamedlotfy9189]

just heard of it, It's insane

[@The_DollMaster]

Only for React?😢

[@mohammedanas8637]

This seems cool , but the eventually importing the whole library isnt necessarily a bad thing. there is a build step which does some magic for you

[@whiskas-1]

we lose control due to abstraction

[@ezwtwrziehag1736]

company lol. no idea u have

[@shankar99977]

You mean bootstrap?

[@gagansai8880]

now we wait for them to create an AI VSCode extension that provides you with the code of the component based on the description of your component requirement

[@samsupplee-niederman1752]

Lol, do you have an inside guy ar Vercel?

[@nclsDesign]

Shadcn brought me to using Radix Primitives and they are awesome. But I also saw NextUI and it looks sick aswell. Gonna try that one in my next project.

[@rayforever]

It is 😂

[@nclsDesign]

@@rayforever Yup, I used it by now and it is really cool. I still love Radix though. Next up is using the community-made version of Radix for Vue. It actually has way more components like date/range pickers, pin inputs, tree views and so on. Looks pretty cool.

[@martindeveloper4856]

Does it support as well svelte?

[@stebe12]

How is this different than tailwind components?

[@stebe12]

@user-gf7ss5je9h not the ones from tailwind you donut. The open source ones 😂

[@fcktom]

Just getting back into web development and snippet libraries like this have been a life saver when re-learning and learning new frameworks 👍

[@vaibhav_shanker]

shadcn is built upon radix in order to start working with shadcn you get whole radix ui library in to your project then you pick the shadcn components, which, again, built upon shadcn BTW, love shadcn library, but part of the video says you install what you use is not that true while looking behind the scene

[@muhammadbilalmalik7292]

That is straight fire Man !!!!

[@Samlama8848]

Nice, need to try it.

[@xtraszone]

I love your contents. Please create introductory videos on other frameworks also like vue, svelte, solid, angular, flutter etc

[@gokhanbahadir758]

I've been using ant design react recently, and I found it pretty useful since integration with other libraries such as form elements are easy, and even its own components are pretty much enough for middle size projects.

[@thejonte]

Company?

[@KimPax1]

Aceternity Ui is doing the same thing but for unique components

[@dhanjibhagat2964]

Aceternity UI is also good UI for react component.

[@asadrahman6123]

I Like Preline UI more but it has less components than shadcn

[@nithishnith8968]

Is mantine ui good for large scalable project?

[@集中-l7m]

When having tailwind lifetime license should it still worth to use it?

[@hanzofuma]

This is similar to bit. the only difference is that bit is on steroids.

[@edenassos]

Nah, NextUI is far better.

[@edenassos]

@user-gf7ss5je9h Skill issue.

[@ankursehdev5448]

This is a combination of RadixUI and Tailwing nothing except that!

[@YMS71]

How can it be a good UI Library without a good Button?!!!

[@bahijan5954]

Why you moved your head Soo mish when you talk ❤

[@HolySl0w]

isn't it what tailwind css is doing too?

[@algo-wave]

What?? Tailwind is not a ui library

[@buzz1ebee]

​@@algo-wave tailwind-ui is. They have announced a version which is like this project too.

[@HolySl0w]

@@algo-wave what @buzz1ebee said. It's called Catalyst but it's still in early dev

[@breezycodes]

Yeah I watched the tailwind talk and I was like... wait.. Catalyst is exactly like shadcn ui 😂

[@Joshua-sp1kd]

This is what I do with Bootstrap. I select components I want and download those. Then I’m still looking at the source code and able to tweak it. Keep me honest, are we talking about the same thing?

[@jkf16m96]

Almost the same. The problem with modifying library source code is that now you can't actually update it. In this case, this source code generator could be updated, but you can simply decide which component you want to regenerate.

[@keanuclintignacio697]

Hot damn! So rad! Thanks man

[@libenhailu5193]

It is very cool very very optimal components, but in some cases building your own component gives you a flexibility

[@Tencho992]

Is it just me that can’t hear the name?

[@shivangrathore]

I like making my own components

[@nicco88]

Not if you don't use react

[@codedjango]

Not sure why they dont have releases for Vue3

[@kupyn]

there are ports of shadcn ui for vue, svelte and some other libs that were inspired by it.

[@szymon7932]

Shadcn is the company? I thought it is some guy from Twitter lmao

[@DanielZ1337TM]

it is. it's not a company, just a dude

[@DanielZ1337TM]

i mean other people are contributing afaik, but company is still wrong

[@areeburrub]

I think shadcn works at vercel but I am not sure. He is building cool projects in public.

[@coderbhai1215]

Can we use it in react native??

[@yaroslavoz]

🎉 let's create a project with it😉

[@jodp]

shadcn is not a company lol

[@Robin-il8nc]

Chakra UI does everything for me

[@pixelotetm]

this UI's only work with Nextjs ?

[@TheStickofWar]

Such a thing exists for Angular?

[@FidelGuajardo]

What’s the url?

[@Cyberblank]

tons of issues with it, not the least how much of a pain in the ass it is to install.

[@unknownguywholovespizza]

Pain to install? LMAO are you for real? It's literally just one command to install. Installing the components is a piece of cake. Ah developers these days...

[@uplink-on-yt]

Tell me when OOP is reinvented...

[@hamidmohamadi2943]

I prefer MUI

[@ImXrer]

Sussy cool

[@Niksorus]

This is the best UI library indeed! For both React and Astro, ofc.

[@ducksquidbat8315]

How do they make money??

[@yudi8204]

waiting an answer

[@ghostlexly]

He is not making money with it, it’s free, open source

[@taylorfullstack]

Donations

[@ultimatescript]

I think it's a donations from companies to make things super easy for developers so they can reduce development costs.

[@CarsonPowers]

How do you upgrade to new versions? Are you on your own forever after you copy-pasta it into your project?

[@magical11]

You upgrade to a "new version" by copy pasting the new code. lmao. How do you think it'd work?

[@CarsonPowers]

@@magical11 I was thinking there'd be scripts that define the components externally (to the webapp, that is) rather than copy & pasting updates until the end of time.

[@guyincognito5663]

So it’s like normal, but worse😂

[@ShiloBuff]

Nah I'd say it's like normal but better. It's automated generating/updating. Ontop of already having the components created. Normal woudl be spending the time to create and tune your own components. Also changing a library's code isn't straight forward, so infact this has its own benefit compared to a library also. More light weight and easily editable. But yes, all approaches have their own cons. This sounds like it goes a unique route to get as many pros as possible.

[@kupyn]

wdym by “normal”?

[@unknownguywholovespizza]

Did you really have to say nonsense?

[@madhavdhobale9576]

We need the full course video on shadcn🎉

[@phuongthaotrinh-sg7jj]

for me, antd is the best :>

[@ufwwkwmyc7718]

Related to CN?

[@gauravsingh3446]

Chad library🗿

[@ITentrepreneur]

Great! Never heard of it

[@blue_mustang_]

Really cool!

[@r3mus89]

It only works with tailwind which made me skip it

[@jesustzinon]

Just try it, I was very sceptical about tailwind but it does the work

[@ban_droid]

only zoomers did not like tailwind, they stick with old bootstrap

[@FzsHotDogInDonut]

there is another one radix ui

[@ultimatescript]

It's built using radix ui

[@nanonkay5669]

If it ain't Mantine, bye Francine ✌️

[@itztlacoliuhqui]

Chadcn

[@kiikoh]

"A company"

[@AR-yr5ov]

Love it, going to try it out in my next project

[@atbmts6]

Would this look good or bad on a portfolio as a jr?

[@geelemo]

As a jnr anything is good

[@magical11]

I mean ... neutral? It's like asking if bootstrap makes you look good or bad.

[@muhammad4609]

Thank you, man!

[@turolretar]

What are they going to try next?

[@yurisich]

Make a hotline where a rep verbally dictates source code to you over the phone.

[@AndrieMC]

shadcn is not a company, its a individual developer

[@wisdomelue]

can it be used with plain react and not nextjs?

[@mortz16]

yep

[@ultimatescript]

Yes, I actually used it with React.

[@wisdomelue]

@@ultimatescript thanks

[@SoberMan2001]

​@@wisdomeluewhat's the name of this library?

[@wisdomelue]

@@SoberMan2001 shadcn

[@Pundonoor]

what's the name of the library?

[@victorgarcia3526]

This actually seems awesome!

[@BhideSvelte]

Svelte is the Next Big Thing

[@pumbaatimon4623]

The libary looks awesome, i will try it. thanks for sharing

[@theDanielJLewis]

My new project is built with Shadcn and I'm loving it!

[@sushispicelatte]

No, because something better will be released next week?

[@snickers.mcflurry]

Welcome to 2002

[@AnyanwuChimebuka]

👍