My New Favorite UI Library
Vložit
- čas přidán 31. 05. 2024
- #ui #coding #tutorial #react
In this video we talk about a new ui library I'm using (nextui).
NextUI (not sponsored):
Timestamps:
0:00 Intro
0:22 What is NextUI?
0:53 Why NextUI?
3:32 Setup
5:32 Using nextui
6:34 Range Calendar
7:52 Code Snippet
9:28 Card
12:18 Skeleton
14:10 Summary & extra stuff
Tutoring: calendly.com/nizabizaher/prog...
Developer Discord Group: / discord
Twitter: / nizzyabi
Platform: nizzyabi.com
Shadcn stands out from other UI libraries. While NextUI looks modern and cool, Shadcn offers a unique advantage: it provides UI code snippets for components in your projects. This means you have complete control over your code, allowing you to customize it as needed. That’s why the Shadcn UI library is so popular.😊
Yeah!
Yes! finally the video I have been waiting for. I love nextui.
I'm glad!
have u tried acternity ui? i have been using it alongside shadcn and I love it
gonna try to start using next ui to try something new tho
Yeah it’s great!
Good Morning!
Morning!
Please teach us next ui :))🙏🔥
Love from India❤
❤️🇮🇳
Don't forget NextUI is set up to be aria compatible.
yeah!
I would prefer a ui library where I copy paste code and don’t have to install anything from that library as a dependency.
yeah, that's shadcn. It's one of a kind unfortunately. I do my best to use tailwind and find good examples on the internet to copy-paste, it's really fast.
Yah that’s one problem with it
Bro please make a video how can we create button riplle effect like material ui buttons and also the nextui buttons also have that ripple effect make a video how can we totally recreate the exact same ripple effect. Please 🙏🙏🙏🙏 i will also pay if anybody made me that in html css and vanilla js
I will see what I can do, I’ll make a video if I can :)
Its awesome but I just started my new app and just finished configuring it with shadcn now I want to change 😭😭
It's not that hard to change. just a little but of effort. but shadcn is still fire so dont feel bad
@@NizzyABI yeah but now like it's 70% done and also I've to get this project done by the weekend so shadcn it is
please make end to end projects for beginners Nizar
Sure 👍
I have been using this for too longg good so far , but material has far more components
❤
By the way where u are from ??
Lebanob
@@NizzyABIyo no way you’re Lebanese???
10:55 what happened when ishowspeed see this part 😅.
Shhhh
I literally don't understand UI libraries. they are always cumbersome to use. You can't just make your own card component, its literally a div with a different background color. You cant make a accordion? that is what the "details" html element is for. using proper HTML elements offers the best accessibility. we need to do away with UI libraries they are annoying to use. by using raw css and html you will save hours of debugging. KEEP IT SIMPLE!
Edit: using raw CSS is only good if it is scoped to each component like in sveltekit.
Nah it’s a time saver and helps w us devs who are not that good at design. Also, ui libraries are more than just ui, Shadcn has things that help w sending data and full stack apps.
I do think that’s its over done though. We could sue some vanilla / at home code for cards and stuff.
the details element was added pretty recently to html, most of these libraries didn't have details when they were created. Also using stuff like shadcn data tables with tanstack query once you understand how they work it saves you hundreds of hours in making filters, pagination, row selection, sorting, etc. ALSO they ensure you follow a design structure and they give you a chance to change the entire theme from just one place. The benefits highly outweight the struggles you get trying to learn them.
Haha you ever blown through accessibility and response variant animations with hundreds of components? The legwork they’ve gone through to dedicate entire companies worth of resources is absolutely unbelievable.
Nice intro to NextUI. Thanks!
{2024-05-29} - Subscribed!