UI libraries with a Figma kit
A Figma kit is only worth something if it stays in sync with the code. Most do not: the kit ships at launch, the library moves on, and within two releases designers are handing over screens developers cannot build. The libraries here split into two groups. Some treat the kit as a marketing asset; others derive the code from the design file, so drift is impossible by construction. Before committing a design team, compare the kit's last update date with the library's last release. That one check tells you which group you are in.
19 listings
Base Web
Uber's React design system, built on an overrides API.
- GitHub stars
- 9,000
- Styling approach
- CSS-in-JS
- Ecosystem
- React
Spectrum Web Components
Adobe's design system as framework-agnostic custom elements.
- GitHub stars
- 1,528
- Styling approach
- Plain CSS
- Ecosystem
- Web Components, Framework agnostic
Lightning Design System
Salesforce's CSS framework and design tokens.
- GitHub stars
- 3,699
- Styling approach
- Sass
- Ecosystem
- Framework agnostic, Web Components
Atlaskit
Atlassian's design system, behind Jira and Confluence.
- GitHub stars
- —
- Styling approach
- CSS-in-JS
- Ecosystem
- React
Polaris
Shopify's design system for merchant-facing apps.
- GitHub stars
- 6,174
- Styling approach
- Sass
- Ecosystem
- React
Ionic Framework
Mobile-first components that adapt to iOS and Android.
- GitHub stars
- 52,614
- Styling approach
- Plain CSS
- Ecosystem
- Web Components, React+2
Fluent UI
Microsoft's React and web component design system.
- GitHub stars
- 20,207
- Styling approach
- CSS-in-JS
- Ecosystem
- React, Web Components
Carbon Design System
IBM's open-source design system.
- GitHub stars
- 9,348
- Styling approach
- Sass
- Ecosystem
- React, Web Components+2
Preline UI
Tailwind components as plain HTML.
- GitHub stars
- 6,380
- Styling approach
- Tailwind
- Ecosystem
- Framework agnostic, React+1
Align UI
React and Tailwind components with a paired Figma kit.
- GitHub stars
- —
- Styling approach
- Tailwind
- Ecosystem
- React
Untitled UI React
A very large open-source React and Tailwind component set.
- GitHub stars
- —
- Styling approach
- Tailwind
- Ecosystem
- React
Flowbite
Tailwind components and blocks.
- GitHub stars
- 9,320
- Styling approach
- Tailwind
- Ecosystem
- Framework agnostic, React+3
PrimeNG
A broad Angular component set with themes.
- GitHub stars
- 12,504
- Styling approach
- Plain CSS
- Ecosystem
- Angular
Angular Material
The official Material Design library for Angular.
- GitHub stars
- 25,035
- Styling approach
- Sass
- Ecosystem
- Angular
PrimeVue
Ninety plus Vue components with swappable themes.
- GitHub stars
- 14,469
- Styling approach
- Plain CSS
- Ecosystem
- Vue
Vuetify
Material Design for Vue.
- GitHub stars
- 41,027
- Styling approach
- Sass
- Ecosystem
- Vue
HeroUI
Tailwind components built on React Aria.
- GitHub stars
- 30,349
- Styling approach
- Tailwind
- Ecosystem
- React
Chakra UI
Composable React components with a style props API.
- GitHub stars
- 40,567
- Styling approach
- CSS-in-JS
- Ecosystem
- React
shadcn/ui
Components you copy into your codebase and own.
- GitHub stars
- 121,095
- Styling approach
- Tailwind
- Ecosystem
- React
