Free and open source UI libraries
Free is the default in this space, which makes the word almost useless on its own. What matters is what it hides. Some libraries are free in every sense; others are free until you need a virtualised data grid or a page template, and those are filed as Freemium here so this list stays honest. Licence text matters more than price: Canvas UI is MIT with a Commons Clause, React Aria and Carbon are Apache-2.0 rather than MIT, and Polaris ships under Shopify's own terms. Everything below has no paid tier at all.
54 listings
Base Web
Uber's React design system, built on an overrides API.
- GitHub stars
- 9,000
- Ecosystem
- React
- Styling approach
- CSS-in-JS
Spectrum Web Components
Adobe's design system as framework-agnostic custom elements.
- GitHub stars
- 1,528
- Ecosystem
- Web Components, Framework agnostic
- Styling approach
- Plain CSS
Lightning Design System
Salesforce's CSS framework and design tokens.
- GitHub stars
- 3,699
- Ecosystem
- Framework agnostic, Web Components
- Styling approach
- Sass
Atlaskit
Atlassian's design system, behind Jira and Confluence.
- GitHub stars
- —
- Ecosystem
- React
- Styling approach
- CSS-in-JS
Polaris
Shopify's design system for merchant-facing apps.
- GitHub stars
- 6,174
- Ecosystem
- React
- Styling approach
- Sass
Kibo UI
Complex composable components built for shadcn/ui.
- GitHub stars
- 3,908
- Ecosystem
- React
- Styling approach
- Tailwind
Motion Primitives
Composable motion building blocks for React and Tailwind.
- GitHub stars
- 6,018
- Ecosystem
- React
- Styling approach
- Tailwind
Cult UI
shadcn-compatible components plus 92+ AI agent patterns.
- GitHub stars
- 6,050
- Ecosystem
- React
- Styling approach
- Tailwind
Franken UI
The shadcn look on UIkit 3 and LitElement.
- GitHub stars
- 2,603
- Ecosystem
- Framework agnostic, Web Components
- Styling approach
- Tailwind
Basecoat
The shadcn/ui look for any stack, no React required.
- GitHub stars
- 4,249
- Ecosystem
- Framework agnostic
- Styling approach
- Tailwind
Origin UI
Hundreds of shadcn-compatible React and Tailwind variants.
- GitHub stars
- 10,435
- Ecosystem
- React
- Styling approach
- Tailwind
Canvas UI
WebGL shaders running over your live, interactive HTML.
- GitHub stars
- 4,153
- Ecosystem
- React, Vue+3
- Styling approach
- —
Open Props
Design tokens as plain CSS custom properties.
- GitHub stars
- 5,492
- Ecosystem
- Plain CSS, Framework agnostic
- Styling approach
- Plain CSS
Pico CSS
A classless CSS framework for semantic HTML.
- GitHub stars
- 16,774
- Ecosystem
- Plain CSS, Framework agnostic
- Styling approach
- Plain CSS
Vant
Mobile Vue components.
- GitHub stars
- 24,366
- Ecosystem
- Vue
- Styling approach
- Sass
Blueprint
React components for data-dense desktop interfaces.
- GitHub stars
- 21,983
- Ecosystem
- React
- Styling approach
- Sass
Fluent UI
Microsoft's React and web component design system.
- GitHub stars
- 20,207
- Ecosystem
- React, Web Components
- Styling approach
- CSS-in-JS
Carbon Design System
IBM's open-source design system.
- GitHub stars
- 9,348
- Ecosystem
- React, Web Components+2
- Styling approach
- Sass
Tailark
Tailwind blocks for landing pages.
- GitHub stars
- —
- Ecosystem
- React, Vue+1
- Styling approach
- Tailwind
shadcn-vue
shadcn/ui for Vue, built on Reka UI.
- GitHub stars
- 10,430
- Ecosystem
- Vue
- Styling approach
- Tailwind
shadcn-svelte
shadcn/ui for Svelte, built on Bits UI.
- GitHub stars
- 9,036
- Ecosystem
- Svelte
- Styling approach
- Tailwind
Align UI
React and Tailwind components with a paired Figma kit.
- GitHub stars
- —
- Ecosystem
- React
- Styling approach
- Tailwind
Radix Themes
Styled components built on Radix primitives.
- GitHub stars
- 8,605
- Ecosystem
- React
- Styling approach
- Plain CSS
Nuxt UI
The official component library for Nuxt and Vue.
- GitHub stars
- 6,825
- Ecosystem
- Vue
- Styling approach
- Tailwind
Ariakit
Composable unstyled React components focused on ARIA correctness.
- GitHub stars
- 8,594
- Ecosystem
- React
- Styling approach
- Unstyled
Melt UI
Headless builders for Svelte.
- GitHub stars
- 4,179
- Ecosystem
- Svelte
- Styling approach
- Unstyled
Reka UI
Headless accessible primitives for Vue 3.
- GitHub stars
- 6,717
- Ecosystem
- Vue
- Styling approach
- Unstyled
Base UI
The headless primitive layer from the MUI team.
- GitHub stars
- 10,606
- Ecosystem
- React
- Styling approach
- Unstyled
Park UI
Styled components on top of Ark UI.
- GitHub stars
- 2,349
- Ecosystem
- React, Solid
- Styling approach
- Panda CSS
daisyUI
Semantic component classes for Tailwind.
- GitHub stars
- 42,046
- Ecosystem
- Framework agnostic
- Styling approach
- Tailwind
Bulma
A CSS-only framework with no JavaScript.
- GitHub stars
- 50,057
- Ecosystem
- Framework agnostic, Plain CSS
- Styling approach
- Sass
Bootstrap
The original class-based CSS framework.
- GitHub stars
- 174,570
- Ecosystem
- Framework agnostic
- Styling approach
- Sass
Tailwind CSS
The utility-first CSS framework.
- GitHub stars
- 97,198
- Ecosystem
- Framework agnostic
- Styling approach
- Tailwind
Shoelace
Framework-agnostic components as web components.
- GitHub stars
- 13,852
- Ecosystem
- Web Components, Framework agnostic
- Styling approach
- Plain CSS
Kobalte
Accessible headless primitives for Solid.
- GitHub stars
- 1,822
- Ecosystem
- Solid
- Styling approach
- Unstyled
Bits UI
Headless Svelte primitives.
- GitHub stars
- 3,478
- Ecosystem
- Svelte
- Styling approach
- Unstyled
Skeleton
A Svelte and Tailwind UI toolkit.
- GitHub stars
- 6,039
- Ecosystem
- Svelte, React
- Styling approach
- Tailwind
Angular Material
The official Material Design library for Angular.
- GitHub stars
- 25,035
- Ecosystem
- Angular
- Styling approach
- Sass
Quasar
Vue components plus a build target for mobile and desktop.
- GitHub stars
- 27,207
- Ecosystem
- Vue
- Styling approach
- Sass
Naive UI
A Vue 3 library with fully typed theming.
- GitHub stars
- 18,488
- Ecosystem
- Vue
- Styling approach
- CSS-in-JS
Element Plus
Vue 3 components for desktop interfaces.
- GitHub stars
- 27,669
- Ecosystem
- Vue
- Styling approach
- Sass
Vuetify
Material Design for Vue.
- GitHub stars
- 41,027
- Ecosystem
- Vue
- Styling approach
- Sass
HeroUI
Tailwind components built on React Aria.
- GitHub stars
- 30,349
- Ecosystem
- React
- Styling approach
- Tailwind
Ant Design
Enterprise-class UI design language and React UI library.
- GitHub stars
- —
- Ecosystem
- React
- Styling approach
- —
Chakra UI
Composable React components with a style props API.
- GitHub stars
- 40,567
- Ecosystem
- React
- Styling approach
- CSS-in-JS
Mantine
A large React library with a deep hooks collection.
- GitHub stars
- 31,545
- Ecosystem
- React
- Styling approach
- CSS Modules
Material UI
Comprehensive React component library that implements Google’s Material Design.
- GitHub stars
- —
- Ecosystem
- React
- Styling approach
- —
Ark UI
Headless primitives across four frameworks.
- GitHub stars
- 5,339
- Ecosystem
- React, Vue+2
- Styling approach
- Unstyled
Headless UI
Unstyled components from the Tailwind team.
- GitHub stars
- 28,708
- Ecosystem
- React, Vue
- Styling approach
- Unstyled
React Aria
Adobe's accessibility-first React hooks and components.
- GitHub stars
- 15,781
- Ecosystem
- React
- Styling approach
- Unstyled
Unstyled, accessible primitives for React.
- GitHub stars
- 19,156
- Ecosystem
- React
- Styling approach
- Unstyled
shadcn/ui
Components you copy into your codebase and own.
- GitHub stars
- 121,095
- Ecosystem
- React
- Styling approach
- Tailwind
Sisyphos UI
35 components, one DOM, three framework bindings.
- GitHub stars
- 0
- Ecosystem
- React, Vue+1
- Styling approach
- Plain CSS
71 Stencil-built components for React, Vue, Angular and HTML.
- GitHub stars
- 1
- Ecosystem
- React, Vue+3
- Styling approach
- Plain CSS