⚡Top GitHub Repositories for UI Components
Published: 2024-01-06 04:31:09

Hello Devs👋

In this article, I have listed top 10 GitHub repositories which helps developers to build beautiful UI and saves a lot of time⏱. 

Feel free to explore and star these repositories. 

## 1️⃣ Radix UI

RadixUI is an open-source low-level UI component library for building high-quality, accessible design systems and web apps. You can use these components either as the base layer of your design system, or adopt them incrementally.

![Radix-UI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yrx6xtq1x8374e7065ti.png)

{% cta https://www.radix-ui.com/ %} 🔍 Site {% endcta %}{% cta https://github.com/radix-ui/themes %} ⭐ GitHub {% endcta %}

## 2️⃣ Daisy UI
DaisyUI is a Tailwind CSS plugin with ready-made components and utilities. It Offers dark mode and accessibility features which enhances your UI. 

![DaisyUI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w5hq284qnqj8dlhvnlx8.png)

{% cta https://daisyui.com/ %} 🔍 Site {% endcta %}{% cta https://github.com/saadeghi/daisyui %} ⭐ GitHub {% endcta %}


## 3️⃣ Base UI
Base Web is an open-source design system and component library created by **Uber**. It provides a solid foundation for building web applications with React. and  offers a set of high-quality components and theming capabilities, which makes your UI beautiful.

![BaseUI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/68c0q5l05veaj8e71q73.png)

{% cta https://baseweb.design/ %} 🔍 Site {% endcta %}{% cta https://github.com/uber/baseweb %} ⭐ GitHub {% endcta %}

## 4️⃣ Material UI
Material UI is an open-source popular library of React components based on Google's Material Design principle. It also provides ready-to-use components which you can directly include in your projects.
![Material UI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pevtf6x9rvztvwl8dfi2.png)

{% cta https://mui.com/ %} 🔍 Site {% endcta %}{% cta https://github.com/mui/material-ui %} ⭐ GitHub {% endcta %}

## 5️⃣ Chakra UI
Chakra UI is an open source and customizable component library for React applications. It provides accessible and composable UI components with a minimal and intuitive API. Chakra UI's design system allows developers to create modern and responsive interfaces.

![Chakra UI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ijnmjknt0a4bz2xjo7q1.png)

{% cta https://chakra-ui.com/ %} 🔍 Site {% endcta %}{% cta https://github.com/chakra-ui/chakra-ui %} ⭐ GitHub {% endcta %}

## 6️⃣ Shadcn UI
Shadcn UI is an open source library for rapid UI development with style props, themes and variants. It contains outstanding, beautifully designed components built using **Radix-UI** and **Tailwind CSS** that you can copy and paste into your apps easily.

![Shadcn](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h7mpqj3ne30auw8upx7r.png)


{% cta https://ui.shadcn.com/ %} 🔍 Site {% endcta %}{% cta https://github.com/shadcn-ui/ui %} ⭐ GitHub {% endcta %}

## 7️⃣ Mantine UI
Mantine UI is an open source site contains set of more than 120 responsive components. All components support dark/light color scheme and Mantine theme customizations. 

![Mantine](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5sh5s9xzhfwe9g1pmlf6.png)

{% cta https://ui.mantine.dev/ %} 🔍 Site {% endcta %}{% cta https://github.com/mantinedev/ui.mantine.dev %} ⭐ GitHub {% endcta %}

## 8️⃣ Ant Design
Ant Design is an open source and enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises.

![Ant Design](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7luv4l41ezzc6gh65gsx.png)

{% cta https://ant.design/ %} 🔍 Site {% endcta %}{% cta https://github.com/ant-design/ant-design %} ⭐ GitHub {% endcta %}


## 9️⃣ Evergreen
Evergreen is a versatile opensource UI framework for React that offers a comprehensive set of components for building modern web applications.
![Evergreen](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bix2l3vlf74nctbwy7mk.png)

{% cta https://evergreen.segment.com/ %} 🔍 Site {% endcta %}{% cta https://github.com/segmentio/evergreen/ %} ⭐ GitHub {% endcta %}

## 🔟 Ariakit
Ariakit is an open-source library that provides unstyled, primitive components for building accessible web apps, design systems, and component libraries.


![Ariakit](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j6ttzh7ouq598ymen1jq.png)


{% cta https://ariakit.org/ %} 🔍 Site {% endcta %}{% cta https://github.com/ariakit/ariakit %} ⭐ GitHub {% endcta %}


If you think of any other great repos that I haven't covered in this article, please share them in the comment below👇. Also, if you used any of these, share your experiences.

Thank you for reading! ❤

{% embed https://dev.to/dev_kiran %}