DEV Community

Shrihari Mohan
Shrihari Mohan

Posted on • Edited on

Top UI Frameworks for Angular and react.

Here are the frameworks you should know before you start your next project. Most common ones comes last in the list. You should never use bootstrap (Bottom of the blog)

Angular CSS Frameworks

1. Taiga UI

Taiga UI

These are some well defined open source, easily customizable and comes with dark mode.

2. PrimeNG

PrimeNg

These are also highly customizable and I am currently using this in one of my projects. PrimeNg also has Prime Templates.

3. Angular Material UI

Angular Material

I would not suggest using this but if you are looking to make some quick project the custom design and colors doesn't matter then it may be for that.

Customizing angular material components are so rough we have to do a lot of things and may not even work in the end.

React CSS Frameworks

All these frameworks are easily customizable.

1. Chakra UI

Chakra UI
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

2. Ant Design

Ant design
A design system for enterprise-level products. Create an efficient and enjoyable work experience. This is the second most popular react framework

3. Material UI

Material UI
The one of the kind frameworks that allows all kind of customization and with typescript. I never got bored of using this.

Don't use bootstrap here's why

  • It doesn't easily let you overwrite custom css
  • It uses !important on everything which is a bad practice
  • It consists of all the css classes and hence the bundle is high it takes a lot time to load that affects performance

Tailwind CSS

Tailwind CSS
Tailwind CSS is by far the best I come across that lets you create rapidly if you know css well enough. It’s tiny will never ship unused CSS again (unlike bootstrap).

I always use Tailwind CSS with some supporting frameworks like material or taiga. Those components can be so helpful and the components classes can be easily overwritted by tailwind.

If you are here it means you may have enjoyed reading this blog. Just follow me @shrihari and may considering a buttermilk πŸ₯›.

Peace πŸ•Š

Try Our new product for free!

DocsAI - Create AI support agents with your documents in the most affordable price, starts at 0$. Don't need a bot , but need ai help on your docs just upload and start chating !

Using for a company ? Check out our pricing Just contact me for personalized pricing !

docsAi

More Free Articles From me !

Top comments (2)

Collapse
 
basiltt profile image
BASIL T T

What do you think about Grommet? I think it is a cool UI library.

Collapse
 
shrihari profile image
Shrihari Mohan

Just Checked that out , Their website is great! and they have some greate utilities such as Infinite Scroll! πŸ˜‰ Thanks for mentioning.