My favorite component library is unstoppable

subscribe to my newsletter I'll probably never publish anything useful to: webdevcody.com
My Products
📖 ProjectPlannerAI: projectplannerai.com
🤖 IconGeneratorAI: icongeneratorai.com
📝 ThumbnailCritique: thumbnailcritique.com
Useful Links
💬 Discord: / discord
🔔 Newsletter: newsletter.webdevcody.com/
📁 GitHub: github.com/webdevcody
📺 Twitch: / webdevcody
🤖 Website: webdevcody.com
🐦 Twitter: / webdevcody

[@rawallon]

The most amazing part is that their blocks are free, unlike tailwind ui or anything else

[@Maick-jy7iz]

And much better.

[@Kay8B]

isnt everything free, its open sourced right?

[@rawallon]

@@Kay8B No, but I think you might be confusing Tailwind CSS with Tailwind UI, CSS is free and UI is a collection of pre-made pages, similar to ShadCN's Block

[@Kay8B]

@@rawallon No, im talking about shadcn... its open sourced and free.

[@rawallon]

@@Kay8B Oh, in that case yeah, both tailwindCss and Shadcn are free and open-source under the MIT License

[@codinginflow]

Lift mode is what I'm in every evening when I go to the gym

[@WebDevCody]

Let’s go! 💪

[@Offiziersmesser]

7 days has felt like 7 weeks. good to have you back.

[@WebDevCody]

😂

[@Offiziersmesser]

@WebDevCody I am used to having a new video of yours popping on my home page every day 😂. Thanks for all the knowledge you've imparted to us, younger devs.

[@WebDevCody]

@@Offiziersmesser I hear you, it’s sometimes hard to keep up at that pace. Thanks for your support and I’m glad my content helps you out

[@DemanaJaire]

Not the overly attached viewer. 😂

[@ewwitsantonio]

OH I didn't realize this existed! I've spent so much time searching for those examples in the repos each time. Very cool to see this. Thanks for sharing.

[@novaflare-to3we]

Thanks Cody for keeping us updated. Looking forward to a new hour long tutorial.

[@fabianhabilramdhan562]

this is insane what shadcn deliver to us, thank you for introducing this library to me its helping so much

[@Cyber-Bison]

Yeah blocks is a game changer, love this addition

[@mohammed.haydar]

Do you plan to make an AWS course for beginners? they have so many services and it's kinda confusing!

[@GHSB7462]

thank i really like your videos

[@o_glethorpe]

Thanks for sharing

[@nanonkay5669]

That's a cool feature, ngl. I still think Mantine reigns supreme, though.

[@amosmachoradevlogs]

You are back 😁

[@ahouse73]

The only stupid thing so far is, that they filter the entries in the search box by value and not by label. But other than that, great!

[@SeibertSwirl]

Good job babe!!!

[@WebDevCody]

Thanks my love 😘

[@metalfort1207]

Wow, i'll be able to do mvps more easily now thx

[@jaymondal7775]

recently I am using shadcn blocks but I am trying to use them as skeleton , I am giving some personal touch to it because every web made with shadcn kinda looks like the same.

[@marcoio8742]

I think this is terrifying. I mean what would prevent AI to just copy paste this and create a full fledge website at this point? We (developers) are making ourself more and more redundant. I am not sure what I feel about this, but dread and panic is close enough

[@nazarshvets7501]

If you job is copy-pasting such blocks of code, then yea, you becoming obsolete. Its time to became real engineer

[@0xtz_]

Vercel making the open source better

[@mariusz3891]

i dont understand how is this new or what does it give at all? instead of copy, you install it? if i use MUI and just copy component, how is that any better?

[@nazarshvets7501]

New is about concept of copy-pasting instead of installing package as dependency
The whole thing with css-in-js is started because at the time there was a problem with delivering (s)css within component libraries. So instead of copy-pasting they created this bloated mess. I hope main libraries like MUI, Ant, Mantine etc will look at this, and try to leverage such a way of "installing".
And the bonus point - when you have source code right beside you, its way faster to learn how its was built(sharing expertise) and there is less need for customization props, as you can just change source code how you like it
P.S. This bonus point is actually very underrated thing. I`m building custom UI-kits for like 3+ years already, and only recently I come to conclusion, that is way better to "copy-paste" anatomy of component from UI-kit than recreate it youself. The quality of component became way better in my case. TextField is not that simple as you may think...

[@SweepAndZone]

Is this library Typescript exclusive?

[@WebDevCody]

Probably I haven’t checked

[@ravendelarama426]

What stack do you guys use for production? I just got curious cuz I just wanna learn some stuff 😅

[@JakobTheCoder]

Next.js app router, latest react, tailwind, playwright, turso sqlite db with drizzle, typescript, tRPC, shadcn/ui, Turborepo

[@s.adnansami5106]

Not related but damn, that beard looks majestic

[@WebDevCody]

Don’t get too attached, I’m quick to shave it the moment food gets stuck in it 😂

[@s.adnansami5106]

​@@WebDevCody I mean, facial hair is something that is part of a mans nature, it's just a modern thing that most people shave it altogether. Rubbing the area where food went with water and washing the beard every day like we wash our face usually does the job. 👍

[@s.adnansami5106]

@@WebDevCody Plus, the food only mostly gets stuck in the moustache, so you might wanna trim your moustache so it's above your lips, which also looks better I think.

[@Reidemptionv1]

I love how positive this community is

[@hardwired89]

Tutorial pls 😊

[@kubre_in]

Easier than ever to not learn frontend backend dev 😅

[@WebDevCody]

At this point it’s not even coding, it’s just glueing stuff together

[@winzyl9546]

Thats just BEM. Nothing new I think.