DEV Community

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

Posted on

12 4 3 3 3

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

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

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 :)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs