siriwatknp / awesome-ui-libraries

A collection of info about all ui libraries to help to choose the best choice for your project.

Awesome UI Libraries

A collection of info about all ui libraries to help to choose the best choice for your project. react

Library	Engine	Components?	Utilities?	JS framework
Bootstrap	Sass	✅	✅	Angular, React, Vue
Chakra UI	Emotion	✅	✅	React
Material UI (v4)	JSS	✅	✅	React
Material UI (v5)	Emotion, styled-components	✅	✅	React
Joy UI	Emotion, styled-components	✅	✅	React
Tailwindcss	PostCSS	☑️ (tailwindui)	✅	React, Vue, Alpine
Mantine	Emotion	✅	✅	React

Glossary

Components

if ✅, the library has ready-to-use component based on their styling engine. Ex, Button, Input, ...

Utilities

if ✅, the library provides single property for styling. For example,

Bootstrap has mt-1 that add css margin proprty (based on design system) to the element.

Material UI has <Box display="flex" />

Tailwindcss is designed for utility-first styling. Ex, <div className="flex items-center text-bold" />

PR welcome

If you want to add more libraries, please add them in alphabetically order.