This UI Library Keeps Crushing It

Ғылым және технология

I have a lot of respect for the work behind this library. Choosing to open source this feature is not only helpful for an entire community of devs, but it also allows the project to move forward much faster because of community contributions. Love it.
-- links
ui library announcement: ui.shadcn.com/blocks
-- my links
second channel (in depth videos): / @joshtriedupstash
newletter: www.joshtriedcoding.com/
discord: / discord
github: github.com/joschan21

Пікірлер: 108

  • @francisagada5810
    @francisagada58102 ай бұрын

    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👏

  • @mohitcodeswell
    @mohitcodeswell2 ай бұрын

    Finally Josh found the key to his wardrobe. 💀

  • @wahzeri

    @wahzeri

    2 ай бұрын

    Looks like he discovered temu :). Rocking the look :D

  • @drprdcts
    @drprdcts2 ай бұрын

    Can't wait for every single micro startup on the planet to look like Vercel... Shadcn is the new bootstrap 😂

  • @zapfska7390

    @zapfska7390

    2 ай бұрын

    Is this a joke? What are the differences? Is this just modern bootstrap for jsx?

  • @aldierygonzalez7249

    @aldierygonzalez7249

    2 ай бұрын

    @@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!

  • @Chris...S

    @Chris...S

    2 ай бұрын

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

  • @mubashir3

    @mubashir3

    2 ай бұрын

    Maybe you missed the part about it being headless?

  • @imkir4n

    @imkir4n

    2 ай бұрын

    Which means u are not utilising the main usp of shadcn. Its ur fault.

  • @Seeking_Solace
    @Seeking_Solace2 ай бұрын

    And I have a very sincere admiration for you. Thank you for all the help that you provide!

  • @eriksomnas
    @eriksomnas2 ай бұрын

    The library that keeps on giving.

  • @ovna

    @ovna

    2 ай бұрын

    Wdym

  • @51Grimz
    @51Grimz2 ай бұрын

    I love that shadcn keeps on building on top of this great component library! Also love the kiwi sweatshirt lol 🥝

  • @matthias8000
    @matthias80002 ай бұрын

    thats what i have waited for, such great work

  • @a1x5h04
    @a1x5h042 ай бұрын

    Shadcn is the one of the best thing that have happened for a web developer

  • @alexg7282
    @alexg72822 ай бұрын

    Thank you !

  • @viniciuscardoso5271
    @viniciuscardoso52712 ай бұрын

    My brain got bugged by the kiwis

  • @aliarefjs
    @aliarefjs2 ай бұрын

    great videos!

  • @TechXSoftware
    @TechXSoftware2 ай бұрын

    I had to make my own Group box on this Libary

  • @radjee8600
    @radjee86002 ай бұрын

    Man u throw that mic like a gangsta ;)

  • @nemeziz_prime
    @nemeziz_prime2 ай бұрын

    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!

  • @Alex.Shalda
    @Alex.Shalda2 ай бұрын

    I like your hoodie 😊

  • @gurdittsingh6638
    @gurdittsingh66382 ай бұрын

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

  • @trazercreations8478
    @trazercreations84782 ай бұрын

    flowbite is opensource and it uses tailwind

  • @MaxProgramming
    @MaxProgramming2 ай бұрын

    So many kiwis in the beginning

  • @NoxyDev

    @NoxyDev

    2 ай бұрын

    BRROOOOOO PLEASE DONT SHARE SOMETHINS. SOMETHINGS ARE SOMETIMES SHOULD BE HIDDEN

  • @elormtsx
    @elormtsx2 ай бұрын

    the shirt 👕 🔥

  • @Michael-Martell
    @Michael-Martell2 ай бұрын

    Shad CN is amazing but Tailwind Catalyst is coming for them.

  • @rmcoder23
    @rmcoder232 ай бұрын

    asking to a frontend enthusiasts: shadcn or material ui?

  • @jervi_sir
    @jervi_sir2 ай бұрын

    i feel shopify will switch to Shadcn, or they are already behind it

  • @adammo6661
    @adammo66612 ай бұрын

    Shadcn + Blocks + Next UI = GAME FREAKING CHANGER

  • @Farruh_13

    @Farruh_13

    2 ай бұрын

    Do you use NextUI and ShadcnUI in a single project?

  • @Lucas-gt8en

    @Lucas-gt8en

    2 ай бұрын

    Why use NextUI? What are you missing from shadcn/ui?

  • @adammo6661

    @adammo6661

    2 ай бұрын

    @@Farruh_13 yes, however I use shadCN components mostly only when there are no such components inside NextUI eg Drawer

  • @adammo6661

    @adammo6661

    2 ай бұрын

    @@Lucas-gt8en I prefer next UI since they have many smooth animations out of the box

  • @jsaugat_

    @jsaugat_

    2 ай бұрын

    @@Lucas-gt8en loader component i guess

  • @ruel1983
    @ruel19832 ай бұрын

    Lovr shadcn

  • @nicolasmayorga8288
    @nicolasmayorga82882 ай бұрын

    The thing I like the most of this is your Kiwi hoodie ngl.

  • @SergioGarcia-qz8mn
    @SergioGarcia-qz8mn2 ай бұрын

    Just for react, no Angular right?

  • @_devenderpal_
    @_devenderpal_2 ай бұрын

    shadcn is running his channel lol

  • @rawallon
    @rawallon2 ай бұрын

    Have you heard of the dune mmo?

  • @rod6722
    @rod67222 ай бұрын

    My only gripe with that library is that it should've been named chadcn/ui.

  • @onlinenk13
    @onlinenk132 ай бұрын

    Do you think this will evolve into a paid version in the future?

  • @cant_sleeeep
    @cant_sleeeep2 ай бұрын

    kiwi josh >>

  • @Sorkstryparen
    @Sorkstryparen2 ай бұрын

    Nice! But I like NextUI more tbh. Have a nicer feel to it. 😊

  • @harunalrd

    @harunalrd

    2 ай бұрын

    Why not both? Im using both in my every projects xD

  • @j-udan
    @j-udan2 ай бұрын

    how to run puppeteer in client side

  • @user-ul8es6ku2s
    @user-ul8es6ku2s2 ай бұрын

    Если играть спокойно, то этот сайт может выдать очень серьезные деньги) Главное не бомбить)

  • @soheilnazari6731
    @soheilnazari67312 ай бұрын

    Nice Shirt

  • @simpletuto6922
    @simpletuto69222 ай бұрын

    Who knew coding tutorials would come with a side of vitamin C for 'chic'?

  • @khalilbugti4079
    @khalilbugti40792 ай бұрын

    Hey Josh web development (next js ) mobile app (React Native) which is best and go with?

  • @imkir4n
    @imkir4n2 ай бұрын

    Shadcn is not the new bootstrap. If all your websites look the same, you might be using it incorrectly.

  • @bn_ln
    @bn_ln2 ай бұрын

    Can someone please open source kiwi fruit hoodies

  • @meakcodes
    @meakcodes2 ай бұрын

    But it's not compatible with Angular

  • @codernerd7076
    @codernerd70762 ай бұрын

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

  • @brunobrasilweb
    @brunobrasilwebАй бұрын

    Good, but I prefer Next UI or primereact kk

  • @Myrusaf
    @Myrusaf2 ай бұрын

    Finally he changed his clothes😂😅

  • @CookerSingh
    @CookerSingh2 ай бұрын

    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.

  • @wojciechosinski5927

    @wojciechosinski5927

    2 ай бұрын

    You like abstraction. Alright.

  • @CookerSingh

    @CookerSingh

    2 ай бұрын

    @@wojciechosinski5927 Yep

  • @sourabhsingh4515

    @sourabhsingh4515

    2 ай бұрын

    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

  • @VercJames
    @VercJames2 ай бұрын

    Can't be used for dynamic white labeling. hard pass.

  • @CristianKirk
    @CristianKirkАй бұрын

    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.

  • @sealuke2724
    @sealuke27242 ай бұрын

    you look so yummy. my fav fruits

  • @ahmedahmedx9600
    @ahmedahmedx96002 ай бұрын

    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

  • @SnazzieTV
    @SnazzieTVАй бұрын

    never will i ever bring tailwind bullshit into my codebase.

  • @holetarget4925
    @holetarget49252 ай бұрын

    It’s all fun until someone creates an ai tool that generate this instantly by a prompt.

  • @Chris...S

    @Chris...S

    2 ай бұрын

    Vercel already did its V0

  • @holetarget4925

    @holetarget4925

    2 ай бұрын

    @@Chris...S it’s not that good tbh

  • @holetarget4925

    @holetarget4925

    2 ай бұрын

    @@Chris...S either replit or github

  • @Chris...S

    @Chris...S

    2 ай бұрын

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

  • @imkir4n
    @imkir4n2 ай бұрын

    Zzzzzzzzz zzzzzz zzzzzz nicezzzz joshzzzzz

  • @shivangrathore
    @shivangrathore2 ай бұрын

    Nah, it looks average to me. At the end you will use your own css/components

  • @sourabhsingh4515

    @sourabhsingh4515

    2 ай бұрын

    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

  • @xhonikomini96

    @xhonikomini96

    2 ай бұрын

    @@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?

  • @sourabhsingh4515

    @sourabhsingh4515

    2 ай бұрын

    @@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 😄

  • @KamakshyaNanda
    @KamakshyaNanda2 ай бұрын

    First

  • @greendsnow
    @greendsnow2 ай бұрын

    NextUI is better.

  • @aytee5862
    @aytee58622 ай бұрын

    What is bro wearing 💀💀💀

  • @HikaruAkitsuki
    @HikaruAkitsuki2 ай бұрын

    Oh! Building React App become faster.

  • @lophixarts
    @lophixarts2 ай бұрын

    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

  • @Chris...S

    @Chris...S

    2 ай бұрын

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

  • @officialtechin5

    @officialtechin5

    2 ай бұрын

    ​@@Chris...S Mind sharing an example?

  • @thearcus7965
    @thearcus79652 ай бұрын

    tf you wearing bruv

  • @danko95bgd
    @danko95bgd2 ай бұрын

    One of the worst ui libs i have used.

  • @af4043

    @af4043

    2 ай бұрын

    Can you tell us what makes it the worst?

  • @allone258

    @allone258

    2 ай бұрын

    are you a bootstrap user?

  • @danko95bgd

    @danko95bgd

    2 ай бұрын

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

  • @kazmi401
    @kazmi4012 ай бұрын

    The excessive hoodie doesn't quite suit you.

  • @gemeorei
    @gemeorei2 ай бұрын

    open source isn't equal to free

  • @coolemur976

    @coolemur976

    2 ай бұрын

    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 ?

  • @wojciechosinski5927

    @wojciechosinski5927

    2 ай бұрын

    @@coolemur976He is just spitting nonsense

  • @babakfp
    @babakfp2 ай бұрын

    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!

  • @vinniv6806
    @vinniv68062 ай бұрын

    Yes and no. For more advanced UI, Shadcn isn''t very good. Also - in NextJS14 - there are many, many problems with Shadcn.

  • @ignatiusemeka

    @ignatiusemeka

    2 ай бұрын

    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.

  • @Chris...S

    @Chris...S

    2 ай бұрын

    Guess you're just using it incorrectly.

  • @allone258

    @allone258

    2 ай бұрын

    Guess you're just using it incorrectly.

  • @sylum4277
    @sylum42772 ай бұрын

    Now if they only could remove tailwinds so that we could use actual css without creating class names

  • @AnythingGodamnit
    @AnythingGodamnit2 ай бұрын

    Cue maintainer burnout in 3, 2....

Келесі