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.
- Maintenance
- Slowing
- Documentation
- baseweb.design
- Styling approach
- CSS-in-JS
Spectrum Web Components
Adobe's design system as framework-agnostic custom elements.
- Documentation
- opensource.adobe.com
- GitHub stars
- 1,528
- License
- Apache-2.0
Lightning Design System
Salesforce's CSS framework and design tokens.
- Distribution
- CDN / stylesheet
- License
- BSD
- Documentation
- www.lightningdesignsystem.com
Atlaskit
Atlassian's design system, behind Jira and Confluence.
- Documentation
- atlassian.design
- License
- Apache-2.0
- Styling approach
- CSS-in-JS
Polaris
Shopify's design system for merchant-facing apps.
- License
- Other
- Documentation
- polaris.shopify.com
- Maintenance
- Stable
Ionic Framework
Mobile-first components that adapt to iOS and Android.
- Documentation
- ionicframework.com
- GitHub stars
- 52,614
- Styling approach
- Plain CSS
Fluent UI
Microsoft's React and web component design system.
- Documentation
- react.fluentui.dev
- Styling approach
- CSS-in-JS
- Ecosystem
- React, Web Components
Carbon Design System
IBM's open-source design system.
- Documentation
- carbondesignsystem.com
- License
- Apache-2.0
- Ecosystem
- React, Web Components+2
Preline UI
Tailwind components as plain HTML.
- Documentation
- preline.co
- TypeScript
- No
- Ecosystem
- Framework agnostic, React+1
Align UI
React and Tailwind components with a paired Figma kit.
- Distribution
- Copy-paste source
- Accessibility
- Not documented
- Styling approach
- Tailwind
Untitled UI React
A very large open-source React and Tailwind component set.
- Documentation
- www.untitledui.com
- Distribution
- CLI registry
- MCP server
- Yes
Flowbite
Tailwind components and blocks.
- Documentation
- flowbite.com
- Ecosystem
- Framework agnostic, React+3
- Accessibility
- Partial
PrimeNG
A broad Angular component set with themes.
- Documentation
- primeng.org
- Ecosystem
- Angular
- Styling approach
- Plain CSS
Angular Material
The official Material Design library for Angular.
- Documentation
- material.angular.io
- Ecosystem
- Angular
- Styling approach
- Sass
PrimeVue
Ninety plus Vue components with swappable themes.
- Documentation
- primevue.org
- Ecosystem
- Vue
- Styling approach
- Plain CSS
Vuetify
Material Design for Vue.
- Documentation
- vuetifyjs.com
- Ecosystem
- Vue
- GitHub stars
- 41,027
HeroUI
Tailwind components built on React Aria.
- Documentation
- www.heroui.com
- GitHub stars
- 30,349
- MCP server
- Yes
Chakra UI
Composable React components with a style props API.
- Documentation
- chakra-ui.com
- Styling approach
- CSS-in-JS
- GitHub stars
- 40,567
shadcn/ui
Components you copy into your codebase and own.
- React Server Components
- Yes
- Documentation
- ui.shadcn.com
- GitHub stars
- 121,095