My New Favorite UI Library

Рет қаралды 4,425

Күн бұрын

#ui #coding #tutorial #react
Build Cool Stuff: www.nizzyabi.com/
Free Starter Kit: nizzystarter.com/
Free Developer Roadmap: www.nizarlanding.com/
_____________________________________________________________
Discord: / discord
Github: github.com/nizzyabi
Twitter: x.com/NizzyABI
Instagram: / nizzyabi
TikTok: / nizzyabi
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

Пікірлер: 44

@codyt_arsis6698 3 ай бұрын

Yes! finally the video I have been waiting for. I love nextui.

@NizzyABI 3 ай бұрын

I'm glad!

@sohampal2726 Ай бұрын

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 🥂

@NizzyABI Ай бұрын

Thanks for the tip bro!

@sohampal2726 Ай бұрын

@@NizzyABI You're welcome, Boss!

@teshansachintha7227 3 ай бұрын

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.😊

@NizzyABI 3 ай бұрын

Yeah!

@rstudner Ай бұрын

shadcn is nice.. but it is also built atop Radix.. which needs some love in general :)

@muhammadhafizuddin2965 23 күн бұрын

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.

@subhamsarkar7829 5 күн бұрын

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✍✍

@thesaadster5715 3 ай бұрын

have u tried acternity ui? i have been using it alongside shadcn and I love it

@thesaadster5715 3 ай бұрын

gonna try to start using next ui to try something new tho

@NizzyABI 3 ай бұрын

Yeah it’s great!

@Bilz_-fd1do 3 ай бұрын

Good Morning!

@NizzyABI 3 ай бұрын

Morning!

@pranav8534 3 ай бұрын

Love from India❤

@NizzyABI 3 ай бұрын

❤️🇮🇳

@DivyanshuLohani 3 ай бұрын

Its awesome but I just started my new app and just finished configuring it with shadcn now I want to change 😭😭

@NizzyABI 3 ай бұрын

It's not that hard to change. just a little but of effort. but shadcn is still fire so dont feel bad

@DivyanshuLohani 3 ай бұрын

@@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

@cooker7501 2 ай бұрын

Please teach us next ui :))🙏🔥

@WebDevDaveHari 2 күн бұрын

Does it have a sidebar?

@NizzyABI 2 күн бұрын

not rlly sure but you can check

@WebDevDaveHari Күн бұрын

@@NizzyABI It doesn't

@editxswajal 3 ай бұрын

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

@NizzyABI 3 ай бұрын

I will see what I can do, I’ll make a video if I can :)

@weiSane 3 ай бұрын

I would prefer a ui library where I copy paste code and don’t have to install anything from that library as a dependency.

@wentallout 3 ай бұрын

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.

@NizzyABI 3 ай бұрын

Yah that’s one problem with it

@Eswar. 3 ай бұрын

please make end to end projects for beginners Nizar

@NizzyABI 3 ай бұрын

Sure 👍

@dannyp204 2 ай бұрын

Don't forget NextUI is set up to be aria compatible.

@NizzyABI 2 ай бұрын

yeah!

@akshaybodla8818 3 ай бұрын

❤ By the way where u are from ??

@NizzyABI 3 ай бұрын

Lebanob

@Chris-my8ef 3 ай бұрын

@@NizzyABIyo no way you’re Lebanese???

@R_Y_Z_E_N 3 ай бұрын

I have been using this for too longg good so far , but material has far more components

@chris_kouts 3 ай бұрын

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.

@NizzyABI 3 ай бұрын

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.

@Fervore_ 3 ай бұрын

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.

@maskedvillainai 2 ай бұрын

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.