Top UI Frameworks for Angular and react.

Shrihari Mohan
3 min readJul 3, 2022

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 (More information at the 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 Demo

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 of websites drastically

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 Mohan which motivates me to write more and may considering a buttermilk 🥛. ( Its a Indian drink, can be easily made with curd/yogurt)

Peace 🕊

More Articles from me

--

--

Shrihari Mohan

If you don’t have a subscription/used free articles , Visit https://dev.to/shrihari for the free blogs.