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

@AndrieMC

7 ай бұрын

yeah LMAO

@omarjesusperezortiz75

5 ай бұрын

a company can be a person as well

@dontreadmyusername6787

2 ай бұрын

Its an opensource company/project run by a single person

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

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

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

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

Hot damn! So rad! Thanks man

It's amazing can't wait to use it

Could you do a full video on this please?

Nice, need to try it.

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

That is straight fire Man !!!!

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.

Thank you, man!

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

9 ай бұрын

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.

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

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.

Copy and paste made easy.

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

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

@zenova9926

10 ай бұрын

This library is 99% made from radix ui

@ichiroutakashima4503

10 ай бұрын

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

@vincenttse3167

10 ай бұрын

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

@berndeveloper

10 ай бұрын

RadixUi doesn't have tables.

Chakra UI does everything for me

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

@mateuspimentel2753

9 ай бұрын

we lose control due to abstraction

We need the full course video on shadcn🎉

Great! Never heard of it

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

10 ай бұрын

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

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

Does it support as well svelte?

Is mantine ui good for large scalable project?

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

This actually seems awesome!

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

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

Really cool!

shadcn is not a company, its a individual developer

Chad library🗿

🎉 let's create a project with it😉

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

8 ай бұрын

Lol, do you have an inside guy ar Vercel?

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

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

this UI's only work with Nextjs ?

Such a thing exists for Angular?

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?

Company?

Can we use it in react native??

I like making my own components

What are they going to try next?

@yurisich

10 ай бұрын

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

If it ain't Mantine, bye Francine ✌️

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

6 ай бұрын

We are the same bro

Not a company

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

What’s the url?

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

10 ай бұрын

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.

Related to CN?

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

@geelemo

10 ай бұрын

As a jnr anything is good

@magical11

Сағат бұрын

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

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

its just bootstrap with modern design xD

can it be used with plain react and not nextjs?

@mortz16

10 ай бұрын

yep

@ultimatescript

10 ай бұрын

Yes, I actually used it with React.

@wisdomelue

10 ай бұрын

@@ultimatescript thanks

@SoberMan2001

9 ай бұрын

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

@wisdomelue

9 ай бұрын

@@SoberMan2001 shadcn

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

They should call it "chadcn-ui".

Tell me when OOP is reinvented...

Not sure why they dont have releases for Vue3

@kupyn

10 ай бұрын

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

isn't it what tailwind css is doing too?

@algo-wave

10 ай бұрын

What?? Tailwind is not a ui library

@buzz1ebee

10 ай бұрын

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

@HolySl0w

10 ай бұрын

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

@breezycodes

10 ай бұрын

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

Only for React?😢

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

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

How do they make money??

@yudi8204

10 ай бұрын

waiting an answer

@ghostlexly

10 ай бұрын

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

@taylorfullstack

10 ай бұрын

Donations

@ultimatescript

10 ай бұрын

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

what's the name of the library?

Not if you don't use react

"A company"

there is another one radix ui

@ultimatescript

10 ай бұрын

It's built using radix ui

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

It only works with tailwind which made me skip it

@jesustzinon

10 ай бұрын

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

@ban-prem-001

10 ай бұрын

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

for me, antd is the best :>

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

@DanielZ1337TM

10 ай бұрын

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

@DanielZ1337TM

10 ай бұрын

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

@areeburrub

10 ай бұрын

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

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

company lol. no idea u have

Why you moved your head Soo mish when you talk ❤

Chadcn

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

10 ай бұрын

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

Svelte is the Next Big Thing

I prefer MUI

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

Sussy cool

shadcn is not a company lol

So it’s like normal, but worse😂

@ShiloBuff

10 ай бұрын

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

10 ай бұрын

wdym by “normal”?

👍

No, because something better will be released next week?

Welcome to 2002

shadcn is a person not a company. chadcn

@nagarajansubramani

10 ай бұрын

Gigachad cn

@CanRau

10 ай бұрын

@ShadCN but yea 👌