I Just Discovered The Most Underrated UI Library for React

  Рет қаралды 23,183

CoderOne

CoderOne

2 ай бұрын

Choosing the right UI library for your next project can help you move faster in many aspects. Mantine UI is one of the great UI libraries that can do that and a lot more!
🎉Our Newsletter is live! Join thousands of other developers
islemmaboud.com/join-newsletter
Checkout Mantine:
mantine.dev/
-- Special Links
✨ Join Figma for Free and start designing now!
psxid.figma.com/69wr7zzb1mxm
👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
psxid.figma.com/ucwkx28d18fo-...
🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
• Build Login/Register A...
🧭 Turn Design into React Code | From prototype to Full website in no time
• Turn Design into React...
🧭 Watch Tutorial on Designing the website on Figma
• I Design a onecolor We...
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
• Create a Modern React ...
🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
• Debug React Apps Like ...
🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
• Master React Like Pro ...
🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
• Debug React Apps Like ...
🧭 Introduction to GraphQL with Apollo and React
• Introduction to GraphQ...
👉 Personal Links:
✨ My Portfolio islemmaboud.com
🐦 Follow me on Twitter: / ipenywis
💻 GitHub Profile github.com/ipenywis
Made with ❤️ by Coderone

Пікірлер: 50
@namesare4fools
@namesare4fools 2 ай бұрын
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
@AlonMiz1234
@AlonMiz1234 2 ай бұрын
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
@nicolasmayorga8288
@nicolasmayorga8288 20 күн бұрын
You just opened a whole world to me, thanks for sharing it, it looks amazing !!
@nanonkay5669
@nanonkay5669 2 ай бұрын
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.
@calvinwilliams729
@calvinwilliams729 2 ай бұрын
Thank You I checked the docs and I love it. I am going to use it from now.
@naimur634
@naimur634 2 ай бұрын
Used in multiple projects, It's really awesome, A complete element library
@K.Huynh.
@K.Huynh. 2 ай бұрын
Thank you for sharing! I'll try this UI.
@MrAlao675
@MrAlao675 2 ай бұрын
This is awesome. Thanks for sharing. ❤
@salvehn
@salvehn 2 ай бұрын
its also headless and VERY customizable
@geniusboy2095
@geniusboy2095 2 ай бұрын
I worked with it from 2 years ago it's awesome
@nine9nineteen193
@nine9nineteen193 2 ай бұрын
in the right time , i really needed that
@mrShevAlex
@mrShevAlex 2 ай бұрын
Two weeks ago I started to use this library )))
@oussamasethoum1665
@oussamasethoum1665 2 ай бұрын
I used it for many projects and it's very good and well maintained and the community is very active.
@headsofhiphop
@headsofhiphop 2 ай бұрын
One main maintainer though. That scares me
@oussamasethoum1665
@oussamasethoum1665 2 ай бұрын
@@headsofhiphop not at all, it's very active and patch releases are weekly, the main maintainer himself replies if you have question in discord.
@headsofhiphop
@headsofhiphop 2 ай бұрын
​@@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
@headsofhiphop
@headsofhiphop 2 ай бұрын
@@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
@fabsync
@fabsync Ай бұрын
it will be great to see a series on this.. probably how to use with shadcn..
@morji8664
@morji8664 Ай бұрын
How did you draw on the screen?
@amined801
@amined801 2 ай бұрын
yeah i know this Library, also there is elastic ui and preline and reactprime, btw preline using tailwind css
@seghirissam2662
@seghirissam2662 2 ай бұрын
primereact it's awsome
@nanonkay5669
@nanonkay5669 2 ай бұрын
You can use tailwind with mantine too. Just don't import the default styles and start styling via their styles api
@amined801
@amined801 2 ай бұрын
@@nanonkay5669 I will try this thsnks
@DerberAlter
@DerberAlter 2 ай бұрын
that's acutally impressive
@imnash21
@imnash21 2 ай бұрын
I used this library since v5 until now v7.
@GamingYT-cf3be
@GamingYT-cf3be 2 ай бұрын
I'm using it from last 3-4 years
@proro485
@proro485 2 ай бұрын
I only wish they has first class support for tailwind for styling the components.
@nanonkay5669
@nanonkay5669 2 ай бұрын
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
@shakapaker
@shakapaker 2 ай бұрын
I also think that it's the best ready made library
@limpep
@limpep 2 ай бұрын
How does this compare to material ui?
@proro485
@proro485 2 ай бұрын
More feature rich for sure.
@SonAyoD
@SonAyoD 2 ай бұрын
Yh mantine is the best one
@yousefhelly9817
@yousefhelly9817 2 ай бұрын
I've tried it and it's very interesting,but it's too hard to customize or change their components initial styles
@CecironAlejo
@CecironAlejo 2 ай бұрын
It's actually very easy if you read the docs. They even use css modules
@nanonkay5669
@nanonkay5669 2 ай бұрын
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
@Benianus3D
@Benianus3D 2 ай бұрын
Is (InspirationTuts) your channel? because I heard your voice look like this channel
@abdelkadersebihi6983
@abdelkadersebihi6983 2 ай бұрын
amazin
@rishiraj2548
@rishiraj2548 2 ай бұрын
👍
@user-uy5dj1fd8g
@user-uy5dj1fd8g 2 ай бұрын
Can that name be used at all? It's like calling a Framework Pikachu.
@thecutepika
@thecutepika 2 ай бұрын
yea, ima make a framework called JigglyUI lmao
@FS-il7fd
@FS-il7fd 2 ай бұрын
I like it. However it looks and feels pretty much like ant design
@spacecore2077
@spacecore2077 2 ай бұрын
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
@mrlectus
@mrlectus 2 ай бұрын
It's too much
@jonasex3001
@jonasex3001 2 ай бұрын
Too bad it's only for react, which sucks
@siyedyoussef3202
@siyedyoussef3202 2 ай бұрын
yeah I hope create version for svelte 🎯
@abdellah_ali
@abdellah_ali 18 күн бұрын
Islam why you don't speak Arabic at least one video please
@CoderOne
@CoderOne 17 күн бұрын
It would be a little hard for me to explain technical terms in arabic. Hopefully in the future
@abdellah_ali
@abdellah_ali 12 күн бұрын
@@CoderOne i meant any subject not specifically your content.and thanks a lot
@taquanminhlong
@taquanminhlong 2 ай бұрын
Their @mantine/hooks is great 😂
This is the Only Right Way to Write React clean-code - SOLID
18:23
UI Libraries Are Dying, Here's Why
13:28
Theo - t3․gg
Рет қаралды 263 М.
О, сосисочки! (Или корейская уличная еда?)
00:32
Кушать Хочу
Рет қаралды 7 МЛН
Cute Barbie gadgets 🩷💛
01:00
TheSoul Music Family
Рет қаралды 70 МЛН
The GOAT of React UI Libraries
19:48
CoderOne
Рет қаралды 40 М.
From React To HTMX
40:01
ThePrimeTime
Рет қаралды 293 М.
My Favorite Way to Build UI's in Nuxt
11:19
Cody Bontecou
Рет қаралды 3,2 М.
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 552 М.
These 2 UI Libraries Are The Perfect Combo
5:03
Josh tried coding
Рет қаралды 116 М.
Stop Doing These Next.js Mistakes
14:18
CoderOne
Рет қаралды 8 М.
The Story of Next.js
12:13
uidotdev
Рет қаралды 532 М.
Why you should use Component Libraries
11:00
James Perkins
Рет қаралды 20 М.
Why Does Scrum Make Programmers HATE Coding?
16:14
Thriving Technologist
Рет қаралды 487 М.
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 448 М.