190 free UI component libraries and kits
Shadcn, Tailwind & React UI Components
Open-source UI components and kits for React, Vue and Svelte, including shadcn/ui and Tailwind component libraries. appsgit lists 190 UI component libraries and kits; the most starred are shadcn/ui, Ant Design and Material UI.
Updated Oct 8, 2026
Shadcn, Tailwind & React UI Components
shadcn/ui
shadcn-ui/ui
Composable, accessible components with thoughtful defaults.
OfficialUI components & kitsTypeScriptAnt Design
ant-design/ant-design
An enterprise-class UI design language and React UI library.
OfficialUI components & kitsTypeScriptMaterial UI
mui/material-ui
Material UI: Comprehensive React component library that implements Google's Material Design.
OfficialUI components & kitsJavaScriptdaisyUI
saadeghi/daisyui
The most popular, free and open-source Tailwind CSS component library.
OfficialUI components & kitsJavaScriptChakra UI
chakra-ui/chakra-ui
Chakra UI is a component system for building SaaS products with speed.
OfficialUI components & kitsTypeScriptHeroUI
heroui-inc/heroui
Beautiful, fast and modern React UI library.
OfficialUI components & kitsTypeScriptLayui
layui/layui
Layui 是一套开源免费的 Web UI 组件库,采用纯原生态的 HTML CSS JavaScript 开发模式,它为更便捷地构建现代 Web 界面而生。多年来,凭借别具一格的内外风格而被广泛应用。它给非前端开发者极大地降低了构建复杂网页界面的门槛,开发者只需面向浏览器,即可让页面所需呈现的元素与交互,变得信手拈来。.
UI components & kitsJavaScriptElement Plus
element-plus/element-plus
A Vue.js 3 UI Library made by Element team.
OfficialUI components & kitsTypeScriptVant
youzan/vant
A lightweight, customizable Vue UI library for mobile web apps.
UI components & kitsTypeScriptMagic UI
magicuidesign/magicui
UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps.
OfficialUI components & kitsMDXPrimitives
radix-ui/primitives
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps.
OfficialUI components & kitsTypeScriptNaive UI
tusen-ai/naive-ui
A Vue 3 Component Library. Fairly Complete.
UI components & kitsTypeScriptAssistant UI
assistant-ui/assistant-ui
Typescript/React Library for AI Chat.
OfficialUI components & kitsTypeScriptBase UI
mui/base-ui
Unstyled UI components for building accessible web apps and design systems.
OfficialUI components & kitsTypeScriptShadcn Vue
unovue/shadcn-vue
A set of beautifully designed components that you can customize, extend, and build on.
OfficialUI components & kitsTypeScriptCoss
cosscom/coss
coss.com/ui is the official design system of Cal.com.
UI components & kitsTypeScriptTweakcn
jnsahaj/tweakcn
A visual no-code theme editor for shadcn/ui components.
UI components & kitsTypeScriptBuefy
buefy/buefy
Lightweight UI components for Vue.js based on Bulma.
UI components & kitsVueFlowbite
themesberg/flowbite
Open-source UI component library and front-end development framework based on Tailwind CSS.
OfficialUI components & kitsHTMLNg Zorro Antd
NG-ZORRO/ng-zorro-antd
Angular UI Component Library based on Ant Design.
UI components & kitsTypeScriptBaseweb
uber/baseweb
A React Component library implementing the Base design language.
UI components & kitsTypeScriptThemes
radix-ui/themes
Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility.
OfficialUI components & kitsTypeScriptRsuite
rsuite/rsuite
React Suite is a set of React components.
OfficialUI components & kitsTypeScriptPrimereact
primefaces/primereact
The Most Complete React UI Component Library.
OfficialUI components & kitsCSSReka UI
unovue/reka-ui
An open-source UI component library for building high-quality, accessible design systems and web apps for Vue.
OfficialUI components & kitsVueThreeui
MengTo/threeui
Open-source ThreeUI Community catalog with live interactive components and complete Community source.
UI components & kitsHTMLCult UI
nolly-studio/cult-ui
Animated components for design engineers.
UI components & kitsTypeScriptTablecn
sadmann7/tablecn
Data table and data grid components built with shadcn/ui, featuring sorting, filtering, pagination, infinite scrolling, and real-time collaboration.
UI components & kitsTypeScriptNeobrutalism Components
ekmas/neobrutalism-components
A collection of neobrutalism-styled Tailwind components.
UI components & kitsTypeScriptOat
knadh/oat
Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library.
UI components & kitsCSSVarlet
varletjs/varlet
A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.
UI components & kitsVueInspira UI
unovue/inspira-ui
Build beautiful website using Vue & Nuxt.
OfficialUI components & kitsVueReactivesearch
appbaseio/reactivesearch
Search UI components for React and Vue.
UI components & kitsJavaScriptPro Components
ant-design/pro-components
Designed for Enterprise-Level Application, Use Ant Design like a Pro!
OfficialUI components & kitsTypeScriptAnimal Island UI
guokaigdg/animal-island-ui
A Kawaii React UI component library 一个可爱的 React UI 组件库.
UI components & kitsTypeScriptTaro UI
jd-opensource/taro-ui
Taro 是由 凹凸实验室 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样,Web、ReactNative、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。.
UI components & kitsTypeScriptCircle
ln-dev7/circle
UI - Project management interface inspired by Linear.
UI components & kitsTypeScriptRadzen Blazor
radzenhq/radzen-blazor
Radzen Blazor is the most sophisticated free UI component library for Blazor, featuring 145+ native components including DataGrid, Scheduler, Charts, and advanced theming with full support for…
UI components & kitsC#Basecoat
hunvreus/basecoat
A components library built with Tailwind CSS that works with any web stack.
UI components & kitsMDXTaiga UI
taiga-family/taiga-ui
Angular components library for awesome people.
UI components & kitsTypeScriptKibo
shadcnblocks/kibo
A custom registry of composable, accessible and extensible components designed for use with shadcn/ui.
UI components & kitsTypeScriptFomantic UI
fomantic/Fomantic-UI
Fomantic-UI is the official community fork of Semantic-UI.
OfficialUI components & kitsJavaScriptVuestic UI
epicmaxco/vuestic-ui
Vuestic UI is an open-source Vue 3 component library designed for rapid development, easy maintenance, and high accessibility.
OfficialUI components & kitsVueUilayouts
ui-layouts/uilayouts
UI Layouts isn’t just a library. It’s your complete front-end universe with components, effects, design tools, and ready-to-use blocks, everything you need to build modern interfaces, faster.
UI components & kitsTypeScriptReui
keenthemes/reui
Design-forward shadcn kit for interfaces that stand out.
UI components & kitsTypeScriptBits UI
huntabyte/bits-ui
The headless components for Svelte.
UI components & kitsTypeScriptPrompt Kit
ibelick/prompt-kit
Core building blocks for AI apps. High-quality, accessible, and customizable components for AI interfaces.
UI components & kitsTypeScriptPattern Craft
megh-bari/pattern-craft
Professional-grade background patterns and gradients for your websites and apps.
UI components & kitsTypeScript
Showing the top 48 of 190 by GitHub stars. Every entry is listed in the sitemap and the JSON API.
What are the best free UI component libraries and kits?
By GitHub stars, shadcn/ui is the most popular (125,265 stars), followed by Ant Design and Material UI. Each page lists the tech stack, license, last commit and a live demo when the project has one.
Are these UI component libraries and kits free for commercial use?
It depends on the license shown on each card and page. Permissive licenses such as MIT, Apache-2.0, BSD and ISC allow commercial use as long as you keep the copyright notice; CC-BY licenses need visible attribution; GPL and AGPL licenses require you to share your changes under the same license. Check the license before you ship a client project. Here, 186 of the 190 listed use a permissive license (MIT, Apache-2.0, BSD, ISC or similar).
How do I use a GitHub template repository?
When a repository is marked as a template, GitHub shows a Use this template button: it creates a new repository in your account with the same files and a fresh commit history. Pages on appsgit link that button directly when it is available. For any other repository, fork it or copy the files. degit copies the latest files of a GitHub repository into a new folder without its git history, so you start with a clean project: npx degit owner/repo my-site. It is faster than git clone and needs only Node.js. Every template page on appsgit shows the exact command. Source: docs.github.com, github.com
How are these UI component libraries and kits chosen?
Templates come from more than 50 GitHub topics such as landing-page-template, html-template, shadcn-ui, admin-dashboard, saas-boilerplate, nextjs-template, hugo-theme, jekyll-theme, react-email and flutter-template. A repository is listed only if it has 200+ stars, a license GitHub recognises, a README and a commit in the last six months, and is not archived or a fork. Repositories found only through broad topics (for example shadcn or landing-page) must also describe themselves as a template, starter, theme, kit or component library.