Unstyled Component Libraries Are A Game Changer

  Рет қаралды 270,545

Web Dev Simplified

Web Dev Simplified

Күн бұрын

It may seem counterintuitive to use unstyled components, especially after so much time has been spent developing libraries like Bootstrap, but unstyled components are one of my favorite things to happen to frontend development. The reason these libraries are so amazing is because they make it so easy to create custom styled components that look exactly like you want them to while also containing all the complex accessibility and functionality that is difficult to create on your own.
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
01:31 - The problem with styled component libraries
03:55 - Low level component libraries
07:50 - Unstyled component libraries
10:47 - How to best use these libraries
#UnstyledComponents #WDS #CSS

Пікірлер: 245
@Thassalocracy
@Thassalocracy Жыл бұрын
I like that some of those libraries mentioned are accessibility first. Too many frameworks are singularly focused on the visual presentation that they forget sometimes their users probably can't even see their fancy colors or smoothly curved buttons. I especially like the one by Adobe, you can see that they really made the components as accessible as possible. Thanks Kyle, for introducing them to us.
@mustaquenadim
@mustaquenadim Жыл бұрын
1. React Aria 2. Downshift 3. Base UI 4. Radix 5. Headless UI 6. Reach UI Suggested from audiences: 7. Lion (Unstyled web component) 8. React Table (Headless table)
@PaulGerarts
@PaulGerarts Жыл бұрын
lion web components
@TwoLeggedTriceratops
@TwoLeggedTriceratops Жыл бұрын
Too bad a lot of those are for React only. These unstyled component creators could benefit in using Stencil/Lit to make it framework agnostic and future-proof.
@vissaf
@vissaf Жыл бұрын
react-table for headless tables
@bugzpodder
@bugzpodder Жыл бұрын
Zagjs, Reakit/Ariakit, @mui/base
@shihou22
@shihou22 11 ай бұрын
shadcn/ui
@bobdinitto
@bobdinitto Жыл бұрын
Awesome, Kyle, these libraries look like a great way to save time and get just the styling we want. I'm already building a component library so this will fit right in. Thanks for this I always get new ideas from your videos.
@vissaf
@vissaf Жыл бұрын
These headless alternatives are pretty great. Especially for something like tables and datepickers. Using your own markup and the library's logic. It's the best of both worlds imo
@carolinadelaossa7383
@carolinadelaossa7383 Жыл бұрын
I was just struggling with this yesterday. I have a very small personal project with very particular styling, and I was debating whether I made my components from scratch or use a CSS library and re-style it's components (which I also hate doing). Your video came up at the perfect time for me haha thank you so much!
@Xe054
@Xe054 Жыл бұрын
I've ran into the problem of not being able to customize my components to my liking so many times. Thanks for covering a hidden topic that I don't see many people talk about.
@juanalbertoboada
@juanalbertoboada Жыл бұрын
And finally it is coming! I have been thinking about this for so much time...I have gone thru many projects requiring these kinds of libraries.
@spidfair0
@spidfair0 Жыл бұрын
Thank you for shedding light on this topic. I've been looking up the libraries you mentioned (and others) and I will definitely give them a try, but I'm little concerned regarding their bundle size. It looks like using even the simplest hook/component increases code by a few 10KBs. I would expect them to be more lightweight.
@eliamzg
@eliamzg Жыл бұрын
This would have saved me so much trouble two years ago 😂 this hits a sweet spot between efficiency and customization, love it. Will check them out, maybe replace some of my own components with these.
@canaygun5234
@canaygun5234 Жыл бұрын
Very useful! Thanks for the video. It does sound nice to build a design system around one of those unstyled component libraries.
@BearDigitalStudios
@BearDigitalStudios Жыл бұрын
Thanks for this Kyle. I'm going to look at this when I start my next project
@user-eh3ey7is5e
@user-eh3ey7is5e 11 ай бұрын
I love all ur lessons, they are broken down everything detail to simple 👍👍
@sasha777tube
@sasha777tube Жыл бұрын
Well...I'm one of the people who just created my own customized ui library (select, checkbox, datepicker, calendar etc.) and added in all the accessibility features. It was in fact a pain in the neck. However, in the end I got exactly what I was looking for and I learned a lot more than I bargained for. It took me a little less than a year...smh.
@MyBaBB
@MyBaBB 6 ай бұрын
Thanks, I am Ready to jump right in to Libraries now. Finally...It took along time to get here.
@Daijyobanai
@Daijyobanai Жыл бұрын
It's amazing that no-one popularized this before, theming and changing existing themes is a proper PITA. However, a checkbox should use the semantic input type and not button. One of the things I don't like about modern web is the constant re-writing of the standards by people who don't know better. And in a video that mentions accessibility several times over, then goes on to use an example that breaks WCAG/accessibility rules.
@VimalKumar-ts7xn
@VimalKumar-ts7xn Жыл бұрын
btw mantine also allows to keep all the functionality of the component while, allowing to use the unstyled components you just neeed to pass the unstyled prop to the component and style it using the style api
@ChristofferLund
@ChristofferLund Жыл бұрын
Yeah seems weird to call out Mantine when it can both be a fully featured UI library or just a headless UI library.
@WebDevSimplified
@WebDevSimplified Жыл бұрын
I did not realize that. That is cool.
@AmadisGaula
@AmadisGaula Жыл бұрын
I been using Mantine at work and its great, its so easy to make it look like the designs in Figma.
@nanonkay5669
@nanonkay5669 Жыл бұрын
Mantine was an absolute game changer for me. It's absolutely amazing. I'm so bummed out that there isn't nearly enough videos about it out there, it's a damn shame
@JamesJosephFinn
@JamesJosephFinn 11 ай бұрын
@@WebDevSimplified hey brother, great channel. For this training in particular, it would be helpful to see your perspective on bringing these libraries into a Wordpress environment. An example use case could be custom fields in a Woo checkout form. Consider it! Peace bro.
@bignah4872
@bignah4872 Жыл бұрын
I was just thinking about it, and you made a video, awesome!
@theisoj
@theisoj Жыл бұрын
Same thing!
@joe-robin
@joe-robin Жыл бұрын
Thanks for these videos man, I could just pick one of these and style them with tailwind.
@ngaji_it
@ngaji_it 9 ай бұрын
Thanks a lot, you save my time. Before you create this video, I have been using only tailwind and react ans then think about how to build like dropdown or advance select just using those two tools
@wolffparkinson
@wolffparkinson Жыл бұрын
It would be worth checking shadcn/ui. It is radix ui + tailwindcss. Components aka primitives can be copy pasted to the components directory just like radixui
@SarthakJain12
@SarthakJain12 Жыл бұрын
Hi there Kyle! Great content as always! An off-topic question - I know you're using Windows, but I've never seen such smooth animations while expanding a window like that at 6:06. I have a laptop running Windows 10 which cannot be upgraded to Windows 11 sadly, are you running Windows 11 which adds this kind of animation?
@snekface1707
@snekface1707 Жыл бұрын
You are the single best source I use for learning react. You've taught me so much, and I truly appreciate every one of your videos!
@twocsies
@twocsies Жыл бұрын
There are some libraries that allow you to pass in replacements for components like Input or Text, which allows for default styling but also updating the styles.
@atanumojumdar
@atanumojumdar Жыл бұрын
Love your work buddy 💜
@kentmiggalen9756
@kentmiggalen9756 Жыл бұрын
Thank you so much for letting us know this.
@theisoj
@theisoj Жыл бұрын
I just thought the same thing! Thanks Kyle as always!
@elamandeep
@elamandeep Жыл бұрын
Same
@perfect.stealth
@perfect.stealth Жыл бұрын
I’ve always been an advocate of never styling components because they are used in so many different sites which results in backwards development, wasting time on overriding styles and remove classes
@WTFAnyNameWorks
@WTFAnyNameWorks Жыл бұрын
This is perfect for me, thank you!
@joaotextor4094
@joaotextor4094 9 ай бұрын
Gosh, how much time trying to customize MaterialUI components. I should have known those libraries ealier. TYVM!!
@JohnPKusumi
@JohnPKusumi Жыл бұрын
What do you use for the video mixing, where you share your screen plus have a small round view of yourself talking? You were able to relocate the circle on the fly in this video, that was cool. ))
@jann2418
@jann2418 Жыл бұрын
At work I write components like this for the company's crm pwa . It can be challenging, but I rather like being challenged than doing the same thing over and over again. I enjoy doing this and everyone at the company understand it takes as long as it takes, so I don't need to feel stressed. It might take longer to write your own components like a datepicker or a calendar but it has lot's of benefits: - You only have features you acutally need so less unused code. - You can add features any time and even add features others don't have. - You can optimize your algorithms for your specific scenario to deliver the best user experience. - You are in control if and which libraries are used and that can be important for performance. - You know what you have and don't need to rely on bad documentations or stack overflow to make a simple feature work. - You don't have to rely on a third party to update the component when you want to progress to a higher version of your framework.
@nro337
@nro337 Жыл бұрын
Great video!
@608_diesel
@608_diesel 10 ай бұрын
Excellent information! I can see that Adobe library pairing really well with Tailwind.
@a_maxed_out_handle_of_30_chars
@a_maxed_out_handle_of_30_chars 10 ай бұрын
thank you, simple and to the point :)
@Matrium0
@Matrium0 11 ай бұрын
Angular Material has been doing that for years. You get the base functionality with Angular Material CDK (Component Dev Kit), without any styling. You can than either style that yourself, or use the full Angular Material with their opinionated styling. It really is the best of both worlds to implement a library that way.
@ololosh40k28
@ololosh40k28 Жыл бұрын
thanks! very useful😃
@joesharp3580
@joesharp3580 Жыл бұрын
I just love your channel.
@tonyg_nerd
@tonyg_nerd Жыл бұрын
Kyle, you itemized options to use common libraries, DIY, or work for huge corps. Another option is to buy well-supported libraries. Kendo comes to mind but there are so many others. I'm too cheap to buy right now, prefer DIY like you, but I have bought licenses in the past and this is a valid option to trade money for time. As a colleague of mine says "FOSS is only free if your time is worthless". Of course that focuses on the beer and not liberty definition of free, but the point has a lot of merit. Also, buying good software helps to keep good developers doing good work. There's a lot to be said about that too. Best to ya.
@muhammadmusab6334
@muhammadmusab6334 Жыл бұрын
I really like the Radix. I think, it is great for creating components with anything and faster.
@silviabaer
@silviabaer Жыл бұрын
Cool video, thank you!
@gaius_enceladus
@gaius_enceladus Жыл бұрын
Absolutely agree - unstyled component libs are the way to go!
@steckrein6322
@steckrein6322 Жыл бұрын
Is there a good option for unstyled image carousels and drag and drop sortables? I currently use Swiper as a carousel, which is very easy to use, even with mouse drags, but difficult to style. For drag and drop I use dnd-kit, also a very good library. However, I would like it better if a Ui library already had this integrated to simplify implementation.
@caerulemusic
@caerulemusic 11 ай бұрын
ayo i was just reading a bunch on this topic and of course you just released a vid on it!
@zainharoon7468
@zainharoon7468 Жыл бұрын
Hello Kyle, I love your videos. They are always very informative. I want your suggestion on 2 points that I can't get my head around. First is about choosing a Web Framework, I'm kind of curious of every pros and cons of each web framework our there like Svelte, Solid, React, Vue. I know React, A little (solid, vue and svelte) but i want to have the best one in my skill set too i cant decide what should i master (atleast 2). Second is about styling, I cant decide about what to choose from Ui Libraries, Tailwind, Styled, Css Modules, or and simple plain css with css preprocessors. I heard Styled-components have their compile time so i cant decide what to master (atleast 2). You can say I'm free to choose what sould i built in with. But choosing the best and the cons of everything in mind doesnt get me to the point where i could choose what to do. I have touched all of these but never actually made something. I used MUI. But the thing about styling or custom requirement it becomes difficult to modify. I dont work under anyone who may assist me on how i'm doing so that I could know where i lack or something that i need to improve more. Can you please help me in this scenario? Thanks and Lots of Love.
@pkvpraveen
@pkvpraveen Жыл бұрын
I am in search of a date range picker which will work on mobile as well as desktop. Material UI one works but I have to install the complete library for it. It would have been great if we could install just the date picker. Now let me see if there unstyled libraries are of help
@QueeeeenZ
@QueeeeenZ Жыл бұрын
PrimeVue is also heading towards the direction of unstyled components which is pretty awesome.
@TeaganAtwater
@TeaganAtwater Жыл бұрын
I love Radix! Been using it for over a year now, my only complaint is that particular components I could really use (combobox, carousel) are still in development or haven't even been started yet and I don't have the skillset to contribute them myself :/ But I'm still a diehard fan of what they're doing!
@smileyface6837
@smileyface6837 Жыл бұрын
Haven't found a good carousel solution but for combobox my go-to is headless ui
@Pazdkq
@Pazdkq Жыл бұрын
@@smileyface6837 carousel is actually bad ux approach, you can google why
@ANOLBEE
@ANOLBEE Жыл бұрын
This is so true. I have made things from the scratch much faster than trying to use already built components and getting them to fit.😅
@doenather1008
@doenather1008 Жыл бұрын
Thanks
@SXsoft99
@SXsoft99 Жыл бұрын
been working with vueJS3, taking in to account that vue has been using TailwindCSS for some time now most of the components/packages have been remade to have default styme but with a config to overwrite them easily as for me I just made a js file to export a default object and reuse it where I need, I don't know if it's the best approach in JS but eh constants are constants in my book coming from PHP
@Qushaak
@Qushaak Жыл бұрын
I would like to see such "functionalities" in widgets/components libraries like DevExpress, Syncfusion, Telerik,....
@JawsoneJason
@JawsoneJason Жыл бұрын
Ah-ria vs
@tonyg_nerd
@tonyg_nerd Жыл бұрын
What gets me about having so many options is that it's up to us, the dev/consumers, to find where each UI package shines, which helpful compound controls they add, and which ones they're missing. Until they remove their styling, each of us also needs to go through their CSS to see how they work, and that stuff isn't documented well or at all. It would be ideal if we could, for example, apply MUI styling on Adobe or Reach or Downshift controls. When it comes down to it the exact same W3C elements are being styled with the exact same W3C CSS, so why isn't it more interchangable, like PC hardware or after-market car parts? Anyway, Kyle, do you have any insight into this concept of mix/matching style libs on unstyled controls? Or control-level comparisons in control libs? Thanks man!
@nsrc9583
@nsrc9583 11 ай бұрын
Thought I'd answer one part of your question because I've contributed to some open source browsers. You don't see that interchange because W3C standards don't say anything about implementation. That's up to the browsers. So what you end up with is a lot of different ways to do the same thing across browsers. And if you don't do it the way browser X requires, it won't render in browser X. Another thing is implementation turnaround time. Some browsers take a while to implement approved standards, others very quickly. Chrome tends to implement fast, Firefox takes some time, and Safari kind of just does whatever. Finally, some browsers are more willing to try new or proposed specs than others. Edge tends to hesitate with new specs until everyone else gets on board, and Chrome is almost always the pack’s leader. W3C intentionally never mentions anything about implementation because specifying implementation would stifle competition, and you'd almost certainly end up with one browser controlling the entire market (e.g., Internet Explorer from the late 90s to the early 2000s). We've learned that browser monopolies are not a good thing-once IE got control, Microsoft completely stopped working on it.
@shivangrathore
@shivangrathore 6 ай бұрын
I might work on unstyled primitive components as a side project for learning sake.
@DeolisN7
@DeolisN7 Жыл бұрын
Те, що я шукав! Дякую 🤝
@Kraboobee
@Kraboobee 5 ай бұрын
Every time I hear that guitar intro the Nimbasa City theme gets stuck in my head
@mkammyd
@mkammyd 6 ай бұрын
I am looking for a searchable drop-down menu is there any component for it ? Also for ionic angular as well
@CivicYt
@CivicYt Жыл бұрын
I'm just curious of why all this isn't native html yet.
@ShaharHarshuv
@ShaharHarshuv Жыл бұрын
The concept of creating custom hooks to manage the state of a component completly seperately from the view in genius. Especially in situations like these.
@michaelanthony4750
@michaelanthony4750 9 ай бұрын
Thanks for the pragmatic videos.
@danielzaiser
@danielzaiser Жыл бұрын
you mentioned aria a ton of times, i will take some liberty and post a quote from mdn docs ARIA page: "Warning: Many of these widgets are fully supported in modern browsers. Developers should prefer using the correct semantic HTML element over using ARIA, if such an element exists. For instance, native elements have built-in keyboard accessibility, roles and states. However, if you choose to use ARIA, you are responsible for mimicking the equivalent browser behavior in script." and also: "Note: There is a saying "No ARIA is better than bad ARIA." In WebAim's survey of over one million home pages, they found that Home pages with ARIA present averaged 41% more detected errors than those without ARIA. While ARIA is designed to make web pages more accessible, if used incorrectly, it can do more harm than good." i think we should disability test native components, and only if insufficient support is detected, then fallback to aria solutions.
@nsrc9583
@nsrc9583 11 ай бұрын
For anyone considering writing your own input components beyond basic text input (e.g., dates or, god forbid, rich text input), know that it's a long, painful road. I've gone down the path precisely because of the problem Kyle mentions, and you're going to run into so many gotchas-browsers handling input elements differently, known bugs within the browsers themselves that you'll have to work around somehow, dealing with unicode, accessibility, security, floating point precision, testing... you'll learn a lot, but it will cost you lots and lots of time.
@kamalsomani285
@kamalsomani285 11 ай бұрын
Did created any tutorial for creating your own design system and how to distribute it or use it with any project ?
@rfryanfavour4369
@rfryanfavour4369 Жыл бұрын
Super nice😊😊
@diesunddas405
@diesunddas405 Жыл бұрын
A new guitar? Nice
@smakosh
@smakosh Жыл бұрын
Was waiting to see shadcdn/ui :D
@microspace_ufa
@microspace_ufa Жыл бұрын
Great topic! Can you please help me to find any unstyled accessible navbar?
@gonzalooviedo5435
@gonzalooviedo5435 Жыл бұрын
Cuanto sabe este hombre!!! Justo donde duele
@murodjonturgunov2328
@murodjonturgunov2328 Жыл бұрын
Kyle is awesome 👍
@martijn3151
@martijn3151 Жыл бұрын
I do care about the design and style of my site and I’m perfectly happy with the design for instance MUI provides. Not entirely sure why you would imply that those things are mutually exclusive. To me personally CSS equals hell, so taking that burden away from me is a big big advantage. In fact I would be interested in taking your approach in reverse: It would be cool though if we could easily style an unstyled component so that it looks like a MUI component.
@ekchills6948
@ekchills6948 Жыл бұрын
Daisyui is so good as well. It's really customizable too
@capt.potatohead
@capt.potatohead Жыл бұрын
I wonder why not many people talk about it!
@kamehameha38
@kamehameha38 Жыл бұрын
Good? yes Customizable? Not so much.
@victorlongon
@victorlongon Жыл бұрын
​@@kamehameha38 you can use it without any styles if you want to
@h3nry_t122
@h3nry_t122 Жыл бұрын
@@kamehameha38 believe it or not. if you just use "btn" instead of "btn btn-primary" you can customise the button yourself 🤯.
@daleryanaldover6545
@daleryanaldover6545 Жыл бұрын
@@h3nry_t122 it really comes down to how daisyui do the html markup in their components, the first time I saw the source code of some of their components like navbar, it rekindled a burning flame in my chest, remembering all the past suffering I endured with pre-built components back in the day. So I decided, screw daisyui, I'll just make my own component library 😂
@IvanRandomDude
@IvanRandomDude Жыл бұрын
They should be the standard for FE oriented devs. I always left that Boostrap, MUI and similar libs are more meant for Backend and full stack devs to help them make decent UIs quickly. FE specialists should never use those libs imho.
@ruyvieira104
@ruyvieira104 Жыл бұрын
Bootstrap is for getting shit done, mui for pretending you're making an Android app
@twothreeoneoneseventwoonefour5
@twothreeoneoneseventwoonefour5 Жыл бұрын
Frontend is not only about writing pretty uis. Some frontend devs are there to make dynamic working uis, regardless of styling. Example: I am writing an interactive map project which is used internally inside the company. I don't need to write any styles myself. If I can make a decent ui without doing most of the work, it is a win. My main job is making sure that data visualizes interactively.
@PatrikSticha
@PatrikSticha Жыл бұрын
That might have been true with bootstrap 3 or so, but ever since bootstrap 4 came out it actually turned out to be highly customizable library, great base for FE devs to start building the project. Can't agree that it's meant mainly for BE devs. It's really a quick way to introduce a build system into your project and customize it efficiently. I feel like good js library should always be divided into tree shakeable modules, therefore the appearance module (css) should be optional by design.
@daleryanaldover6545
@daleryanaldover6545 Жыл бұрын
@@PatrikSticha I think bootstrap 5 is the most lit, I've used 4.3 back then and there hasn't really ground breaking change from version 3. Version 5 was inspired from tailwind utility classes so bootstrap is much more easy to build custom prototypes.
@PatrikSticha
@PatrikSticha Жыл бұрын
​@@daleryanaldover6545 Well I started somewhere around bs 3.3 and back then it was more about rewriting the default classes, ever sice bs 4 introduced default variables, the whole bootstrap became basically this huge customizable framework, which made it possible for you to make sites really unrecognizable from the default bootstrap theme, but keeping their tidy, flexible system. I really think the biggest progress in bootstrap was really introduced transitioning from version 3 to version 4. Version 5 of course brings some major improvement and event more possibilities to making more customizable environment, no doubt about it :)
@programming8840
@programming8840 Жыл бұрын
Hello, what about Shoelace (Framework-Independent Component-Based UX Library) vs these
@nabinsaud4688
@nabinsaud4688 Жыл бұрын
I love chakra + tailwind css
@abidube0
@abidube0 Жыл бұрын
This libraries can be used in react native with nativewind?
@tonyg_nerd
@tonyg_nerd Жыл бұрын
Given that creators of good components are removing their styles, leaving us with libraries of unstyled components, the next thing I think of is : where are the complete libraries of CSS (SASS, LESS...) that have nothing but styling for every HTML control? New vid? Thanks for all you do, Kyle!
@casperon7
@casperon7 Жыл бұрын
Customising Mantine is easy and works great
@devperatetechno8151
@devperatetechno8151 Жыл бұрын
its there any premade web components library?
@user-hw4td5zc1g
@user-hw4td5zc1g Жыл бұрын
in order to create a components that custom first create a separate components first like creating all components at all once then select fonts color palletes must all be scss default page after that your components are more reusable you just import it to your app in class
@caradebreno
@caradebreno Жыл бұрын
Does someone know a library like that to Angular? Search I only found someone saying that I could use Angular Material without importing the styles.
@neirenoir
@neirenoir Жыл бұрын
I would like to recommend Lion webcomponents for the ultimate vanilla experience.
@mikeonthebox
@mikeonthebox 11 ай бұрын
A good alternative is to just use styled libraries that allow you to customize the look very easily, like Skeleton for Svelte for example.
@samking618
@samking618 2 ай бұрын
And for react ?
@mikeonthebox
@mikeonthebox 2 ай бұрын
@@samking618 Not very familiar with the React ecosystem.
@sephiroth668
@sephiroth668 Жыл бұрын
How well do these libraries work if the user has javascript disabled at the browser level? If accessibility is one of the main points of these libraries, do they fail gracefully and still function with javascript turned off or does the website completely take a dump on itself if javascript is disabled?
@geochampapp
@geochampapp 3 ай бұрын
Are there any for angular?
@fatihaelbouchaoui
@fatihaelbouchaoui Жыл бұрын
Hey Kyle, I just started learning Reactjs and I'm a little bit confused, should I go through the old documentation or the newer one? I'll be grateful if you make give some insights about this topic. 😄
@alarice2136
@alarice2136 Жыл бұрын
The new one for sure. Definitely spend some time on their tic-tac-toe tutorial.
@juandev5348
@juandev5348 Жыл бұрын
You should start with the newest one, it contains a very good guide of 80% of the features that you will use the most with react. When you finish it you can go back to the old one to delve into more complex topics
@ggff2269
@ggff2269 Жыл бұрын
Have you learned ES6? Things will go smooth if so. Better to learn one topic per day to avoid confusion. Basics -Routing-Hooks -Requests--Advanced
@fatihaelbouchaoui
@fatihaelbouchaoui Жыл бұрын
@@ggff2269 Yeah I learned everything I need to learn to react, it felt different at the beginning but I can say I started to understand the basics and how things work in react.
@gorilla-san
@gorilla-san Жыл бұрын
😭😭😭😭😭 I just finished an angular members' area /Project creation and ordering website for our users. I had to wrestle with material UI and then decided to just drop it and do everything custom. Along the way I was thinking, wish there was an unstyled library that I can just style how I want. But thought no way there is a thing like that. If I bothered googgling woulda saved me so much time. Anybody can recommend any for angular?
@hamzaomenxx1299
@hamzaomenxx1299 9 ай бұрын
Make sure to take a look at Shadcn UI
@nizarkhatri6237
@nizarkhatri6237 Жыл бұрын
which one is the best unstyled component library?
@rajeshkumarrout0141
@rajeshkumarrout0141 Жыл бұрын
Nice 👍
@MubashirullahD
@MubashirullahD Ай бұрын
That was cool but you can use MUI and overide the default theme which I think is much better
@francoisconsigny9106
@francoisconsigny9106 Жыл бұрын
Finally ! i was hoping someone talk about the way actual CSS library are a mess to customize. And lets be clear, we never want the exact copy of the component we are seeing in the library documentation !
@paragateoslo
@paragateoslo Жыл бұрын
This have actually been around in the Angular community with Angular CDK for years.
@jinalter
@jinalter Жыл бұрын
Do we have those but for basic html/css? I'm a beginner and I dont think I can skip to React without mastering js
@bmcomputergt1945
@bmcomputergt1945 Жыл бұрын
you can skip
@CoryTheSimmons
@CoryTheSimmons Жыл бұрын
Are there any that are RNW friendly? So tired of not making native apps. :(
@Bauxitedev
@Bauxitedev Жыл бұрын
Are there any unstyled components libraries that work with Vue too?
@leonvanrijswijk8409
@leonvanrijswijk8409 Жыл бұрын
What are the best unstyled components libraries if you are not using any framework, but just html/css/javascript?
@AlmightyPyro
@AlmightyPyro 10 ай бұрын
do these work with react native?
@AhmedAl-Kurdi
@AhmedAl-Kurdi 9 ай бұрын
is there any library just for plain css
@Pazdkq
@Pazdkq Жыл бұрын
1 thing I cant understand is why there is so many libs with same functionality, I mean even unstyled components, lets say there is around 20 libs already, why are they reinventing the wheel?
@nabzoku
@nabzoku Жыл бұрын
Cries in ' !important '
UI Libraries Are Dying, Here's Why
13:28
Theo - t3․gg
Рет қаралды 261 М.
Subtle, yet Beautiful Scroll Animations
5:04
Beyond Fireship
Рет қаралды 1,5 МЛН
顔面水槽がブサイク過ぎるwwwww
00:58
はじめしゃちょー(hajime)
Рет қаралды 113 МЛН
Normal vs Smokers !! 😱😱😱
00:12
Tibo InShape
Рет қаралды 97 МЛН
Top 10 Advanced CSS Responsive Design Concepts You Should Know
20:16
Web Dev Simplified
Рет қаралды 493 М.
Why Unstyled Components are so popular - Explained!
9:01
FrontStart
Рет қаралды 7 М.
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 446 М.
How To Load Images Like A Pro
15:48
Web Dev Simplified
Рет қаралды 351 М.
Should You Use Tailwind CSS?
7:47
Web Dev Simplified
Рет қаралды 348 М.
CSS Anchor Is The Best New CSS Feature Since Flexbox
15:39
Web Dev Simplified
Рет қаралды 353 М.
10 Tailwind Classes I Wish I Knew Earlier
13:31
Web Dev Simplified
Рет қаралды 154 М.
Facebook Tried Tailwind, Then Built This Instead
28:18
Theo - t3․gg
Рет қаралды 124 М.
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 544 М.
顔面水槽がブサイク過ぎるwwwww
00:58
はじめしゃちょー(hajime)
Рет қаралды 113 МЛН