This UI Library is a GAME CHANGER! (Not Lying)

In this video, Harkirat Singh discusses various User Interface (UI) libraries such as Bootstrap, Tailwind, and Material UI that are used in website development. UI libraries are packaging systems that make website styling easier, relieving developers from writing raw CSS.

The video explains the differences between these libraries, with some, like Tailwind, acting as wrappers for existing CSS, while others, like Material UI, are highly opinionated, providing specific components for use.

Links:

00:00 Introduction
01:55 Tailwind CSS
04:57 Material UI
10:30 Difference between Tailwind & MUI
11:22 Bootstrap
12:00 Radix
14:20 Chakra UI & Shad CN
15:54 Summary of the Video
20:08 Conclusion

[matthewschenker]

Very strange that we have gotten so far away from proper coding skills that "raw CSS" is considered some kind of special thing. I've tried all of these libraries, and I can tell you they are not better than knowing how to write CSS properly. Maybe if you're doing a design that is the same as 10, 000 websites before you. But if you need to do something unique, these libraries will slow you down.

[paarth_bhasin]

thanks harkiat for making such videos that talk about the basics as sometimes, it just becomes overwhelming when you are a fresher in tech and see the huge roadmaps and you also feel fomo by realising that you have to do a whole lot of stuff even after full stack

[joeljacob]

Thank you harkirat !! I was extremely confused with all these options but your videos saved the day !! Thanks a lot and keep up the good work

[saravanprathi]

Thanks a ton for summarizing these libraries! Super helpful!

[iuhere]

The pace of this tutorial was really nice. Usually it looks like you have a lot of information that you want to concise in small video hence running with your sentences. This one is slightly better in terms of pace compared to others. Thanks for sharing this one good luck for future ones.

[aman]

Hlo Harkirat bhaiya, Could you please provide approx. timing when you will be launching your next cohort or should i go with the previous one??

[thenoobcoders]

I have recently used Mantine UI Library in one of a project and honestly, it's pretty insane. Kinda a combination of MUI and Tailwind.

[cssbriopro]

The choice between raw CSS and CSS libraries depends on the project requirements, timelines, team expertise, and specific goals of the development process.

[AmbroseAndreano]

This was a great historical survey of coding for someone new to the subject like me. Would you categorize something like GSAP technically a Radix library (or are GSAP and Radix two separate JavaScript libraries)?

[samnayakawadi]

Great Explanation! You were firm with your decision. That is unique thing about you. I have seen may reviewers of libraries, They are still confused. And we as a viewers also end up getting in confusion. So, This attitude is really very cool. Keep it up.

[CodingCompanion-zrvu]

Love u bhaiya 😍
Aap humesha bhot jyada practical & time saving advice dete ho....
Main abhi 4 dinn se CSS par hi mehnat karr raha tha but now i know that where i should focus more upon

[dripcaraybbx]

More than ever I'm convinced that designers need to get over their aversion to code and step into the CSS space because, in their absence, developers are absorbing it for their convoluted tech stack tooling

[rishavmasih]

Material UI is my go to. It integrates with react seamlessly.

[dhanushshetty]

Bootstrap exposes css classes like tailwind, also some utility classes allowing you to write accordion like components as in Radix. So I feel bootstrap = radix+tailwind, but doesn't have much customization though

[vijaykale]

As a senior frontend developer in my point of view who doesn’t know css properly that person can’t design I mean he can’t able to solve ui problems bcz my one of my junior know bootstrap and it’s ok but when he stuck in some where he struggles like some thing 😂😂 bcz of lake of css knowledge so in my point of view have a strong knowledge in CSS will help you a lot while designing UI

[anirudhahavaldar]

Never knew about CSS in this depth. Thank you 🙏

[aseemanand]

Mui provides sx prop by the help of which any component can be customised similar to providing inline css. Also mui is not just about css, they provide lot many useful components which if you design with tailwind and plain html will take time.

[oirohit]

Shadcn and Tailwind is my go to UI library.

[ahsin.shabbir]

what if you use chatgpt or other AI tools to write the javascript for adding reactivity for you?

[rohanpandey]

We need a 100x devs bootcamp video on your ai progress and what is actually being used in the industry which we should learn to be employable