bro, you uploaded this video about a minute ago. Just shows how much I love and follow your channel updates, ever since i subscribed 😄. You're one of the best I know, Josh👏
@@zapfska7390No lol theyre joking, yes you can use this out of the box but bootstrap is just styles with no functionality, this is functionality thats fully customizable if you know what youre doing. Of course you can take the prestyled stuff, but its meant to give you best in class conponents for things like dropdowns, context menus and other things you might come across. Happy coding!
Only if you let it. That's the beauty of Shadcn. You totally can customize it because you have all the code. Not even close to calling it a bootstrap. More like a Startingstrap. 😊
I tried out the new blocks. Some of these dashboard designs are almost exactly what I plan to create for my next project, just need to change a few things! Incredible! I hope they go on to make the biggest ready made UI block library available out there! Even bigger than the paid UI collection by Tailwind or Flowbite!
I think people fall in love with this type of libraries just because most programmers are pretty much anti-anything that has to deal with art and creativity. They'd rather copy and paste someone else's code than go and try to style a basic form, they want nothing to do with graphic design, much less with css and responsiveness.
First Shadcn isn't built by a single person, its built by the whole freakin organisation called vercel cause they are using it in their own website. Second, its nothing as compared to Ant 🐜 design. which is a giant production ready component library.
Vercel recently hired the owner of shadcn ui and yes it is made by huge no. of contributors from the GitHub community that's why it'll be always ahead of any centralised ui component library
I tried shadcn turn out it has barely anything of the features needed. I needed a phone mask on a input.... had to find my self how to do that and the code of shadcn make it harder. Same I needed a Google places auto complete ones again shadcn got in my way...
You haven't ever used shadcn ui it's never about the ui the ui is basic in shadcn ui but it looks decent and it's main usp is the no abstraction policy that lets you customise the component according to your need and want
@@sourabhsingh4515 you can customize the components with other headless ui libraries. I don’t get the part why do you have to download and maintain the components yourself. What happens if you need to upgrade for bug fixes etc like with every other library?
@@holetarget4925 if you mean V0. I agree. In fact I AI is still way off from being able to spit out perfect code. Not even the hyped Devin. If it was It only need a dev team of 1 to deploy it. Then it can upgrade itself from then on out.. Thats when we should be scared.
Personally I dont like the look of shadcn as much, and why would someone use pre-made pages where every bit of creativity and uniqueness is thrown away? Essentialy, soon every website will look the same
Guess you don't get what Shadcn is. Just a quick start. You get all the code and can alter it as you want. I've built my own UI with Shadcn as a starter and had people ask what UI library I used and were shocked to hear it was Shadcn cause looked nothing like it. Even added some additional functionality to some of the components. 😊
@@af4043 last time I used it, it was the only ui with a text input without an error prop which would change few a11y things. I have tried 100 other libs and this was the only 1 that didn't have an error prop. No sidebar component in 2024. Tailwind makes it crap by default too, vite needs to optimize those dependencies at first. Using it with docker compose sync watch feature makes it useless in the first 10 or 15 seconds because of that. They are selling you this point that it's not a library because you don't install it but it's just a lazy excuse to write non flexible components, but hey they can always tell you that it is easy to change because you have them in your folder haha. It's overrated, in react there are dozens of better UI libs. In svelte it sucks as well... They are using horrible builder pattern but hey it's headless so it must be cool. It's another pattern that needs to die.
Isn't shadcn backed by Vercel? So, they don't really need to make money. However TailwindCSS are not backed by a company. Soz it's not like shadcn people are good and stuff but TailwindCSS people bad!
How is this not free ? Can you elaborate ? You are getting 'blocks' which source code is provided and you copy/paste it to your project. Is there license restrictions or what ?
I actually feel you need to know how to manipulate your codes to work on your desired output. Shadcn are actually doing great work if you ask me. Might not be the best for you but they're always accessible.
bro, you uploaded this video about a minute ago. Just shows how much I love and follow your channel updates, ever since i subscribed 😄. You're one of the best I know, Josh👏
Finally Josh found the key to his wardrobe. 💀
Looks like he discovered temu :). Rocking the look :D
just sped water on my keyboard reading this... hell
And I have a very sincere admiration for you. Thank you for all the help that you provide!
The library that keeps on giving.
Wdym
I love that shadcn keeps on building on top of this great component library! Also love the kiwi sweatshirt lol 🥝
Can't wait for every single micro startup on the planet to look like Vercel... Shadcn is the new bootstrap 😂
Is this a joke? What are the differences? Is this just modern bootstrap for jsx?
@@zapfska7390No lol theyre joking, yes you can use this out of the box but bootstrap is just styles with no functionality, this is functionality thats fully customizable if you know what youre doing. Of course you can take the prestyled stuff, but its meant to give you best in class conponents for things like dropdowns, context menus and other things you might come across. Happy coding!
Only if you let it. That's the beauty of Shadcn. You totally can customize it because you have all the code. Not even close to calling it a bootstrap. More like a Startingstrap. 😊
Maybe you missed the part about it being headless?
Which means u are not utilising the main usp of shadcn. Its ur fault.
thats what i have waited for, such great work
Shadcn is the one of the best thing that have happened for a web developer
My brain got bugged by the kiwis
Thank you !
I tried out the new blocks. Some of these dashboard designs are almost exactly what I plan to create for my next project, just need to change a few things! Incredible! I hope they go on to make the biggest ready made UI block library available out there! Even bigger than the paid UI collection by Tailwind or Flowbite!
great videos!
So many kiwis in the beginning
BRROOOOOO PLEASE DONT SHARE SOMETHINS. SOMETHINGS ARE SOMETIMES SHOULD BE HIDDEN
Shadcn + Blocks + Next UI = GAME FREAKING CHANGER
Do you use NextUI and ShadcnUI in a single project?
Why use NextUI? What are you missing from shadcn/ui?
@@Farruh_13 yes, however I use shadCN components mostly only when there are no such components inside NextUI eg Drawer
@@Lucas-gt8en I prefer next UI since they have many smooth animations out of the box
The thing I like the most of this is your Kiwi hoodie ngl.
I like your hoodie 😊
I had to make my own Group box on this Libary
Shadcn is not the new bootstrap. If all your websites look the same, you might be using it incorrectly.
flowbite is opensource and it uses tailwind
Man u throw that mic like a gangsta ;)
i feel shopify will switch to Shadcn, or they are already behind it
Who knew coding tutorials would come with a side of vitamin C for 'chic'?
asking to a frontend enthusiasts: shadcn or material ui?
Lovr shadcn
shadcn is running his channel lol
the shirt 👕 🔥
I think people fall in love with this type of libraries just because most programmers are pretty much anti-anything that has to deal with art and creativity. They'd rather copy and paste someone else's code than go and try to style a basic form, they want nothing to do with graphic design, much less with css and responsiveness.
My only gripe with that library is that it should've been named chadcn/ui.
Have you heard of the dune mmo?
Shad CN is amazing but Tailwind Catalyst is coming for them.
Just for react, no Angular right?
Has anyone tried Mantine UI ?
Do you think this will evolve into a paid version in the future?
First Shadcn isn't built by a single person, its built by the whole freakin organisation called vercel cause they are using it in their own website. Second, its nothing as compared to Ant 🐜 design. which is a giant production ready component library.
You like abstraction. Alright.
@@wojciechosinski5927 Yep
Vercel recently hired the owner of shadcn ui and yes it is made by huge no. of contributors from the GitHub community that's why it'll be always ahead of any centralised ui component library
how to run puppeteer in client side
But it's not compatible with Angular
Nice!
But I like NextUI more tbh. Have a nicer feel to it. 😊
Why not both? Im using both in my every projects xD
kiwi josh >>
Can someone please open source kiwi fruit hoodies
Если играть спокойно, то этот сайт может выдать очень серьезные деньги) Главное не бомбить)
I tried shadcn turn out it has barely anything of the features needed. I needed a phone mask on a input.... had to find my self how to do that and the code of shadcn make it harder. Same I needed a Google places auto complete ones again shadcn got in my way...
Can't be used for dynamic white labeling. hard pass.
Hey Josh
web development (next js )
mobile app (React Native)
which is best and go with?
Finally he changed his clothes😂😅
Hey Josh, can you tell me if I should I switch to prisma for MongoDB or keep using mongoose? Prisma seems much more popular than mongoose...
Good, but I prefer Next UI or primereact kk
Why next ui?
The excessive hoodie doesn't quite suit you.
Nice Shirt
Nah, it looks average to me. At the end you will use your own css/components
You haven't ever used shadcn ui it's never about the ui the ui is basic in shadcn ui but it looks decent and it's main usp is the no abstraction policy that lets you customise the component according to your need and want
@@sourabhsingh4515 you can customize the components with other headless ui libraries. I don’t get the part why do you have to download and maintain the components yourself. What happens if you need to upgrade for bug fixes etc like with every other library?
@@xhonikomini96 i am using shadcn/ui for like 2 years and i don't face any bugs and i feel it very handy for customization 😄
It’s all fun until someone creates an ai tool that generate this instantly by a prompt.
Vercel already did its V0
@@Chris...S it’s not that good tbh
@@Chris...S either replit or github
@@holetarget4925 if you mean V0. I agree. In fact I AI is still way off from being able to spit out perfect code. Not even the hyped Devin. If it was It only need a dev team of 1 to deploy it. Then it can upgrade itself from then on out.. Thats when we should be scared.
Personally I dont like the look of shadcn as much, and why would someone use pre-made pages where every bit of creativity and uniqueness is thrown away? Essentialy, soon every website will look the same
Guess you don't get what Shadcn is. Just a quick start. You get all the code and can alter it as you want. I've built my own UI with Shadcn as a starter and had people ask what UI library I used and were shocked to hear it was Shadcn cause looked nothing like it. Even added some additional functionality to some of the components. 😊
@@Chris...S Mind sharing an example?
never will i ever bring tailwind bullshit into my codebase.
you look so yummy. my fav fruits
Hi josh, please can you make a video how to make responsive header using tailwindcss
Please guys like this comment so josh can see it
NextUI is better.
What is bro wearing 💀💀💀
tf you wearing bruv
One of the worst ui libs i have used.
Can you tell us what makes it the worst?
are you a bootstrap user?
@@af4043 last time I used it, it was the only ui with a text input without an error prop which would change few a11y things. I have tried 100 other libs and this was the only 1 that didn't have an error prop.
No sidebar component in 2024.
Tailwind makes it crap by default too, vite needs to optimize those dependencies at first. Using it with docker compose sync watch feature makes it useless in the first 10 or 15 seconds because of that.
They are selling you this point that it's not a library because you don't install it but it's just a lazy excuse to write non flexible components, but hey they can always tell you that it is easy to change because you have them in your folder haha.
It's overrated, in react there are dozens of better UI libs.
In svelte it sucks as well... They are using horrible builder pattern but hey it's headless so it must be cool. It's another pattern that needs to die.
Zzzzzzzzz zzzzzz zzzzzz nicezzzz joshzzzzz
Isn't shadcn backed by Vercel? So, they don't really need to make money. However TailwindCSS are not backed by a company. Soz it's not like shadcn people are good and stuff but TailwindCSS people bad!
Oh! Building React App become faster.
open source isn't equal to free
How is this not free ? Can you elaborate ? You are getting 'blocks' which source code is provided and you copy/paste it to your project. Is there license restrictions or what ?
@@coolemur976He is just spitting nonsense
First
Now if they only could remove tailwinds so that we could use actual css without creating class names
Yes and no. For more advanced UI, Shadcn isn''t very good. Also - in NextJS14 - there are many, many problems with Shadcn.
I actually feel you need to know how to manipulate your codes to work on your desired output. Shadcn are actually doing great work if you ask me. Might not be the best for you but they're always accessible.
Guess you're just using it incorrectly.
Guess you're just using it incorrectly.
Cue maintainer burnout in 3, 2....