Better, like visually so? Please bear in mind that shadcn isn't a component library. it is a collection of components built on top of radix ui and you get the full source code. This means you add to it rather than customize it.
Best ui library I've ever used and ive used a lot Tailwind chadcn, chakra ,material ui, bootstrap, antd... This one is simply the best. In terms of simplicity, extendability functionality I also recommend using mantine react table that using react table behind the scenes
Another amazing thing about this library is that you can literally use it as a headless UI library. So if you don't include the component styles, it essentially turns into radix UI. Where you have full control of how the component looks from scratch but still retain accessibility, it's amazing.
@anth0ni33 in the docs, it tells you not to include the css files that are normally required to enable the default Mantine styles for components. Read through the Styling section for more
@@oussamasethoum1665I'm not saying it is not active. I'm saying there is only one maintainer. Look at the git contributions, it's 95%+ him. If he leaves, the library dies. This has happened to many frontend frameworks in the past. Knockout.js, backbone.js are some bigger ones and there are many smaller ones too. A team of maintainers sharing the load and getting well versed in the philosophy and understanding what's under the hood is best
@@oussamasethoum1665 yes very active by one maintainer. He's doing 95%+ of the contributions. What happens if he stops maintaining it? Many other JavaScript framework libraries have died in similar circumstances
They do. You can essentially use Mantine with any styling solution of your choice, they say so in their docs. Before V7, they used Emotion for their styling, but as of v7 they moved to pure css, as it offers the best performance according to them. I haven't tried it yet, but essentially you can remove the default styling that comes with the library by not importing the styles, then using whatever styling solution you want (css, styled components, sass etc). It's that flexible
If you read about the styles api, you'll see just how customizable it is. It needs a little reading, but you'll see it's very customizable. In fact, the level of customization is so deep, it can get confusing lol
what abouy chakra ui, daisyui, next ui? i m so confused to choose one.. i was thkning to use tailwind too with these.. and nextjs i need to use.. please help . i m the worlds most confused guy.
I've been going through the ringer on this, and so far: NextUI seems to be the best option from the start with the easiest methods and best components, but things like sidebars are behind pro (though a lot is free). Preline is solid as well, with more free components. Shadcn/ui is solid too, but more effort on your part to get looking really good. I think NextUI Free + Shadcn/ui for the missing bits is solid on the free end or just NextUI Pro. I've not found TUK to be good enough to use, and the paid options aren't amazing. Daisy is just odd in terms of the styling choices being opposite to Tailwindcss, but if all you need is in it and you like to look, it's solid. Material Tailwind has type issues current that have been unresolved for like a year, avoid it like the plague. TailwindUI suuuucks. Mantine is great, but Tailwind and it don't like eachother, so you need the third-party plugin for tailwind, or prelight turned off, so it's not worth the hassle with other options like Preline being so similar.
I joined a project that uses this ui. I dislike it so much. Client was totally ok with changing it to shadcn, but my moral code would not let me tax a client because the previous dev made a choice i don't agree with. But sooner or later we will get the green light for a refactor and that's when this lib will get "rm -rf" ed the fuck out, and i can squeeze in some sweet shadcn/ui. 🤷♂ I can't put my finger why i dislike mantine so much, but i'm a giant fan of radix / shadcn ui
I used it for 2 years and the maintainers keep adding features and plan to add more. Its criminally underrated. Literally better than shadcn ui
Better, like visually so? Please bear in mind that shadcn isn't a component library. it is a collection of components built on top of radix ui and you get the full source code. This means you add to it rather than customize it.
Best ui library I've ever used and ive used a lot
Tailwind chadcn, chakra ,material ui, bootstrap, antd...
This one is simply the best. In terms of simplicity, extendability functionality
I also recommend using mantine react table that using react table behind the scenes
You just opened a whole world to me, thanks for sharing it, it looks amazing !!
Another amazing thing about this library is that you can literally use it as a headless UI library. So if you don't include the component styles, it essentially turns into radix UI. Where you have full control of how the component looks from scratch but still retain accessibility, it's amazing.
explain how to do this please
@anth0ni33 in the docs, it tells you not to include the css files that are normally required to enable the default Mantine styles for components. Read through the Styling section for more
its also headless and VERY customizable
Used in multiple projects, It's really awesome, A complete element library
I used it for many projects and it's very good and well maintained and the community is very active.
One main maintainer though. That scares me
@@headsofhiphop not at all, it's very active and patch releases are weekly, the main maintainer himself replies if you have question in discord.
@@oussamasethoum1665I'm not saying it is not active. I'm saying there is only one maintainer. Look at the git contributions, it's 95%+ him. If he leaves, the library dies. This has happened to many frontend frameworks in the past. Knockout.js, backbone.js are some bigger ones and there are many smaller ones too. A team of maintainers sharing the load and getting well versed in the philosophy and understanding what's under the hood is best
@@oussamasethoum1665 yes very active by one maintainer. He's doing 95%+ of the contributions. What happens if he stops maintaining it? Many other JavaScript framework libraries have died in similar circumstances
Thank You I checked the docs and I love it. I am going to use it from now.
yeah i know this Library, also there is elastic ui and preline and reactprime, btw preline using tailwind css
primereact it's awsome
You can use tailwind with mantine too. Just don't import the default styles and start styling via their styles api
@@nanonkay5669 I will try this thsnks
We used mantine in a very supisticated enterprise application ❤
I love it already! i should build a project with it soon, thank you for sharing
I worked with it from 2 years ago it's awesome
in the right time , i really needed that
it will be great to see a series on this.. probably how to use with shadcn..
that's acutally impressive
This is awesome. Thanks for sharing. ❤
Two weeks ago I started to use this library )))
I'm using it from last 3-4 years
Thank you for sharing! I'll try this UI.
I also think that it's the best ready made library
I used this library since v5 until now v7.
mantine and material ui
which is better ?
I only wish they has first class support for tailwind for styling the components.
They do. You can essentially use Mantine with any styling solution of your choice, they say so in their docs. Before V7, they used Emotion for their styling, but as of v7 they moved to pure css, as it offers the best performance according to them. I haven't tried it yet, but essentially you can remove the default styling that comes with the library by not importing the styles, then using whatever styling solution you want (css, styled components, sass etc). It's that flexible
How does this compare to material ui?
More feature rich for sure.
More lightweight, as well
How did you draw on the screen?
Is (InspirationTuts) your channel? because I heard your voice look like this channel
Yh mantine is the best one
I've tried it and it's very interesting,but it's too hard to customize or change their components initial styles
It's actually very easy if you read the docs. They even use css modules
If you read about the styles api, you'll see just how customizable it is. It needs a little reading, but you'll see it's very customizable. In fact, the level of customization is so deep, it can get confusing lol
what abouy chakra ui, daisyui, next ui? i m so confused to choose one.. i was thkning to use tailwind too with these.. and nextjs i need to use.. please help . i m the worlds most confused guy.
I've been going through the ringer on this, and so far:
NextUI seems to be the best option from the start with the easiest methods and best components, but things like sidebars are behind pro (though a lot is free).
Preline is solid as well, with more free components.
Shadcn/ui is solid too, but more effort on your part to get looking really good.
I think NextUI Free + Shadcn/ui for the missing bits is solid on the free end or just NextUI Pro.
I've not found TUK to be good enough to use, and the paid options aren't amazing.
Daisy is just odd in terms of the styling choices being opposite to Tailwindcss, but if all you need is in it and you like to look, it's solid.
Material Tailwind has type issues current that have been unresolved for like a year, avoid it like the plague.
TailwindUI suuuucks.
Mantine is great, but Tailwind and it don't like eachother, so you need the third-party plugin for tailwind, or prelight turned off, so it's not worth the hassle with other options like Preline being so similar.
Can that name be used at all? It's like calling a Framework Pikachu.
yea, ima make a framework called JigglyUI lmao
I like it. However it looks and feels pretty much like ant design
amazin
👍
Islam why you don't speak Arabic at least one video please
It would be a little hard for me to explain technical terms in arabic. Hopefully in the future
@@CoderOne i meant any subject not specifically your content.and thanks a lot
It's too much
I joined a project that uses this ui. I dislike it so much. Client was totally ok with changing it to shadcn, but my moral code would not let me tax a client because the previous dev made a choice i don't agree with. But sooner or later we will get the green light for a refactor and that's when this lib will get "rm -rf" ed the fuck out, and i can squeeze in some sweet shadcn/ui. 🤷♂ I can't put my finger why i dislike mantine so much, but i'm a giant fan of radix / shadcn ui
Useless comment.
What exactly did you not like about mantine?
Their @mantine/hooks is great 😂