Hey! Great video demonstrating NextUI ! Just a small observation, we do not need to npm-install each individual component when we are installing the nextui/react globally inside our project. I learnt this after watching your video, as I am implementing it in one of my project. Cheers 🥂
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.😊
Well the advantage depends on your requirement, like usually at work we build enterprise app so i usually designed and code the new ui for each of the project from scratch, to match with client requirement. But, for my own simple side project i dont want to think about it, i only want to build mg project and not thinking about my color palette, my button style, rounded or not, fonts style…. Nahh not gonna do it. So, each of this is the best, depending on your use case and requirement. Use right tool for the right job, not the popular tool for all jobs.
and i think that its completely my opinion that shadcn overwrite almost every file,and config including tailwind.config so its become hectic if anyone use wish to use it at the middle of his project , prefer to use it from start or use nextui ...#no offense for shadcn✍✍
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.
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 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.
Yes! finally the video I have been waiting for. I love nextui.
I'm glad!
One disadvantage is the there isnt a lot of components, so you still need to code yourself the ones they dont have
Hey! Great video demonstrating NextUI !
Just a small observation, we do not need to npm-install each individual component when we are installing the nextui/react globally inside our project.
I learnt this after watching your video, as I am implementing it in one of my project. Cheers 🥂
Thanks for the tip bro!
@@NizzyABI You're welcome, Boss!
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!
shadcn is nice.. but it is also built atop Radix.. which needs some love in general :)
Well the advantage depends on your requirement, like usually at work we build enterprise app so i usually designed and code the new ui for each of the project from scratch, to match with client requirement. But, for my own simple side project i dont want to think about it, i only want to build mg project and not thinking about my color palette, my button style, rounded or not, fonts style…. Nahh not gonna do it.
So, each of this is the best, depending on your use case and requirement. Use right tool for the right job, not the popular tool for all jobs.
and i think that its completely my opinion that shadcn overwrite almost every file,and config including tailwind.config so its become hectic if anyone use wish to use it at the middle of his project , prefer to use it from start or use nextui ...#no offense for shadcn✍✍
When we add core package no need to run component cmd
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!
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
Good Morning!
Morning!
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
Love from India❤
❤️🇮🇳
please make end to end projects for beginners Nizar
Sure 👍
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 :)
Does it have a sidebar?
not rlly sure but you can check
@@NizzyABI It doesn't
Please teach us next ui :))🙏🔥
10:55 what happened when ishowspeed see this part 😅.
Shhhh
I have been using this for too longg good so far , but material has far more components
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.
❤
By the way where u are from ??
Lebanob
@@NizzyABIyo no way you’re Lebanese???
Don't forget NextUI is set up to be aria compatible.
yeah!
Nice intro to NextUI. Thanks!
{2024-05-29} - Subscribed!