Radix UI

What is it?

From the official docs, Radix Primitives is a low-level UI component library with a focus on accessibility, customization, and developer experience.

How is it different?

Radix created components that you can style as per your choices. Libraries like Material UI, and React Bootstrap are awesome if you want to develop things quickly with continuity in the UI. But they are less flexible and it's a bit difficult for one to modify them according to the UI one has planned. And here Radix UI solves the problem by making components with zero styles, customization, and covering the use cases required from UI components.

I know one might think if I want to deploy and build things quickly I would use libraries that use the least changes and so why one would go with libraries like Radix UI? Well, it depends if you want your user to provide custom design and unique functionalities or if you ok with things provided by the libraries with pre built design implementation.

They are also small in bundle size but I have not worked on a project big enough where I have to focus on bundle size.

You can use CSS, ,Stitches and Tailwind with Radix UI.

Material UI has also made Base UI which is similar to Radix UI. It's currently in Beta. And as mentioned by docs Base UI features many of the same components as Material UI, but without the Material Design implementation.

---

If you think I should add more things to this article. Do mention.

Try out https://www.radix-ui.com/ and https://mui.com/base-ui/getting-started/