DEV Community

Cover image for ⚡Top GitHub Repositories for UI Components
Kiran Naragund
Kiran Naragund Subscriber

Posted on

⚡Top GitHub Repositories for UI Components

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

🔍 Site ⭐ GitHub

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

🔍 Site ⭐ GitHub

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

🔍 Site ⭐ GitHub

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

🔍 Site ⭐ GitHub

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

🔍 Site ⭐ GitHub

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

🔍 Site ⭐ GitHub

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

🔍 Site ⭐ GitHub

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

🔍 Site ⭐ GitHub

9️⃣ Evergreen

Evergreen is a versatile opensource UI framework for React that offers a comprehensive set of components for building modern web applications.
Evergreen

🔍 Site ⭐ GitHub

🔟 Ariakit

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

Ariakit

🔍 Site ⭐ GitHub

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! ❤

Top comments (4)

Collapse
 
vishv profile image
Vishv

Thanks for sharing

Collapse
 
dev_kiran profile image
Kiran Naragund

You're welcome :)

Collapse
 
prajwalys2001 profile image
Prajwal

Good information

Collapse
 
dev_kiran profile image
Kiran Naragund

Thanks :)