Top 3 React UI Component / Asset Libraries - 2021 - To Make Beautiful Websites

❗️ You DON’T have to be a great designer to build beautiful websites. Today I share my top 3 React UI Component / Asset libraries for making beautiful websites.
1. Framer Motion: www.framer.com/motion/
2a. TailwindCSS: tailwindcss.com/
2b. TailwindUI: tailwindui.com/
3. Undraw: undraw.co/
🧠 Knowing what libraries are out there and when to use them is the difference between a good and a great developer.
---
WHO AM I: I'm Dylan, a Cloud Engineer living in Bend, Oregon. I use my background in tech to make videos about technology that enables and grows businesses.
---
🌍 My website / blog -
dylanalbertazzi.com/

[@sdadasdadsada2993]

Simple, concise and straight to the point. Thank you dude!

[@dylanalbertazzi]

You are so welcome!

[@loveoneanother8760]

I subscribed directly after the chrome dev console quick tip pause & sip... that was legit. I was like "this guy get's it." Great video. Super chill, clear & concise. I really really appreciate it. Thanks so much.

[@dylanalbertazzi]

I'm so glad you liked it!

[@salmaan6094]

Man, you gonna grow real soon on KZbin! Thank you for the video and All the Best!

[@dylanalbertazzi]

Thanks for the props... thats the goal!

[@tungleanh9993]

keep this up, very useful very short and straight.. need more channels like yours in my life !!!

[@dylanalbertazzi]

Much appreciated!

[@kwameaddo1007]

My favorite part is after the useful quick tip. Thanks man.

[@acidopcodes]

unDraw is what I have been looking for all this time not knowing what to search for

[@amanupadhyay3004]

Thanks Dylan. I didn't knew about framer motion. 🙌🙌🙌

[@dylanalbertazzi]

Glad you know now!

[@viktorrrrrr]

Wanna be a fronend engineer and this helps me progress a lot in UI design. Thx bro

[@tengokuvision]

just what I was searching for. thank you for the video

[@dylanalbertazzi]

You're welcome 😊

[@com_media]

Next UI is also so great and perfect 🔥

[@astronautonmars]

Wow! From now, I will use all of these!

[@dylanalbertazzi]

I'm glad to hear it!

[@horhorou-8819]

Thanks you for sharing ! Will try it soon 🤩

[@dylanalbertazzi]

My pleasure🚀

[@developerpranav]

Adding classes via the dev tools in the unexpected best advice for UI design for me XD Thanks!

[@dylanalbertazzi]

Happy to help!

[@anishgeorge8695]

Nice. Love to watch your quick videos. No time to waste 🤣

[@dylanalbertazzi]

Glad you like them!

[@blkemerone4099]

real talk

[@workpelb3653]

Clean and concise video, keep it up

[@dylanalbertazzi]

Thanks, will do!

[@alvinnjenga5782]

Exactly what I needed, thank you!

[@dylanalbertazzi]

Glad it helped!

[@Probattu]

Hoo. You solved my doubt now. I always think about how these people have beautiful websites.

[@cristianomozenadnbx433]

Thanks a lot! Very useful video!

[@dylanalbertazzi]

Glad it was helpful!

[@alwinvillero4404]

Dylan is gonna blow up in no time :)

[@dylanalbertazzi]

you’re awesome

[@alwinvillero4404]

@@dylanalbertazzi what do you think about sass? I use it all the time

[@dylanalbertazzi]

@@alwinvillero4404 sass is great!

[@globalnetwide3533]

I like the way he drunk from the cup😎

[@themarksmith]

Useful stuff, thank you!

[@dylanalbertazzi]

Glad it was helpful!

[@abubakarshf]

Just love it !

[@dylanalbertazzi]

I so glad!

[@ENI232]

A+ content. You got a sub. 👍

[@dylanalbertazzi]

Welcome aboard!

[@devmarkk]

100% quality. Subscribed ;)

[@dylanalbertazzi]

much appreciated 🙂

[@pmshadow]

Dude, what the hell!! Awesome video!! Thank you very much! 👏👏👏👏

[@dylanalbertazzi]

Glad you liked it!

[@INAVACL]

Oh good ive been using these

[@Amarnath-ik4fy]

Great suggestions

[@dylanalbertazzi]

Glad you think so!

[@manikandan3565]

Great and a needful one

[@dylanalbertazzi]

Glad you liked it!

[@ShahnewazTameem]

Best.. Subbed 🖤❤️

[@dylanalbertazzi]

Welcome aboard!

[@Kingz4Life]

Great content

[@dylanalbertazzi]

Much appreciated🙂

[@creative-commons-videos]

Chakra UI, my choice of library

[@dylanalbertazzi]

Chakra is a good one!

[@Prowessyang]

DA BEST. THANK YOU

[@dylanalbertazzi]

of course!

[@destinyhans8519]

Deserve a sub, thanks 😊

[@dylanalbertazzi]

Welcome aboard!

[@telmodias]

What’s your opinion on NextUI and Stiches library ?

[@dylanalbertazzi]

I haven't personally used them. I'm interested in them though. If you learn anything let me know!

[@MaxProgramming]

0:22 This gave me hope. I am not alone

[@dylanalbertazzi]

hahah, max you're right, you're NOT alone

[@picklenickil]

Hi! Great video. Have you tried mantine? (Not the pokemon).

[@dylanalbertazzi]

I haven't

[@picklenickil]

@@dylanalbertazzi i think you should review it.. Very underated

[@xnxbxs_zx]

DaisyUI with TailwindCSS ♥️

[@Ilohimushka]

look official motion framer examples page's console. They have so much error logs. Why?

[@dylanalbertazzi]

I wish I could tell ya

[@DevOpsDirective]

But what if I want my websites to look like the dogecoin price predictor?!

[@dylanalbertazzi]

Then the dogecoin price predictor video is for you🐕! kzbin.info/www/bejne/jpXbZKdnfdB9grs

[@kaifahmad4131]

I think Chakra UI is also worth a try.

[@vinayrwt]

Really awesome content ❤️ but audio is not so good

[@dylanalbertazzi]

feedback noted. Welcome aboard!

[@b.vishnuvardhan3704]

what about material-ui can we get a demo on that

[@dylanalbertazzi]

Noted!

[@gabitosoft7]

What about react ant design?

[@dylanalbertazzi]

This is the first time I've heard of it. It looks interesting!

[@akbarumar1382]

Thanks dude boThanks dude 🗿🗿

[@dylanalbertazzi]

Any time

[@CheulongSear]

how about chakra UI?

[@dylanalbertazzi]

I've heard good things about Chakra. I have a few friends who use it at their companies and love it.

[@inversebrah]

permission marketing? I like it

[@dylanalbertazzi]

I’m impressed you caught that

[@dylanalbertazzi]

Seth Godin is probably my biggest marketing influence

[@techtrader8434]

One good video is sufficient to get subscriber. Subscribed 💌💌

[@dylanalbertazzi]

Welcome aboard 😎

[@charlescoult]

Less cuts, make it more natural and get to the point faster, otherwise good vid and good info. 👍

[@charlescoult]

Hope you don't react negatively to my criticisms. Just want to help you succeed. Though the vid was short, everything you presented was new to me and I'll definitely start using all of them.

[@dylanalbertazzi]

You’re spot on with the cuts. I appreciate the feedback.

[@dylanalbertazzi]

not at all, I see it as opportunity to improve

[@Untitled0078]

Are they all free of charge?

[@dylanalbertazzi]

Yep

[@georgekrax]

What about Chakra UI?

[@dylanalbertazzi]

Chakra is a good one!

[@georgekrax]

@@dylanalbertazzi Oh thanks

[@hoangtran-ek8mn]

2:31 LOL

[@dylanalbertazzi]

Gotta stay hydrated!

[@rdubitsk]

Why not mention of Material UI? The most popular react library?

[@dylanalbertazzi]

It's a good one, but in my biased opinion not top 3 :)

[@gubatenkov]

nice content! hello from Ukraine 🇺🇦

[@dylanalbertazzi]

Thanks. Welcome! 🇺🇦

[@sathwikasindhura4197]

what about grommet !?

[@dylanalbertazzi]

I’ve never used Grommet. I just looked it up and it seems interesting👀 I’m generally weary of component libraries because they can be more work than it’s worth to customize.

[@sathwikasindhura4197]

@@dylanalbertazzi I am glad u check it up 🤗 . Have you used react storybook wat are you thoughts on that !?

[@dylanalbertazzi]

I wish I had more of an opinion for you but I've never use react storybook. It's been recommended to me a couple of times and is on my radar. What is your take... when should it be used?

[@Tomtastic7]

But! TailwindCSS components aren't for free, you have to buy a memebership and then you can get the component codes bro.

[@dylanalbertazzi]

They have a handful of free components that I use. ...unless that's changed now

[@stephanestadler1219]

let us see your winning design stuff whitout being a great designer and just a dev using right library.. Nice list otherwise. What about NextUI ?

[@uzochukwuamarabenneth2583]

React Bootstrap

[@dylanalbertazzi]

That's a good one!

[@lambo-ca]

TailwindUI is not free.

[@warprules]

I beg to differ. The first ~10 seconds of your video is due to the developer, not a framework.

[@bestchoice7431]

This is your personal choice and will not work for everybody.

[@htmlfivedev]

Bro, when your intro is more than one-third of your full content, you're just wasting people's time ... thumbs down...

[@dylanalbertazzi]

I apologize for wasting your time. I've gone back and forth between delivering straight content and making longer intros. I ultimately decided that the longer intros make my videos more personable and is what I want for my channel. But fully understand that it is something not everyone appreciates.

[@sweatypotato248]

@@dylanalbertazzi well I dont mind but just give intro time stamp might help these people, and Thanks for this awsome content.

[@ryanl8119]

Idk bro, I found the video really helpful.

[@whoami5955]

Tailwind is good but i hate the inline thing