4
GitHub Primer
GitHub Primer is GitHub’s design system for creating product interfaces and digital experiences.
Free planOpen sourceWebAPI
7.0Free plan
Visit
5
MUI
Free planWeb
6.8From $299 a year
Visit
6
Shadcn Studio Figma UI Kit
Shadcn Studio Figma UI Kit is a Figma kit and design system for creating designs with shadcn/ui components, blocks, and templates.
Free planWeb
6.7$99 one-time
Visit
7
Carbon Design System
Carbon Design System is IBM’s open-source system for designing digital products, built on the IBM Design Language.
Free planWeb
6.6Free plan
Visit
8
Flowbite Figma Design System
Flowbite Figma Design System is a Figma resource for designing UI interfaces and integrating them into websites with Tailwind CSS.
Free planWeb
6.6$149 one-time
Visit
9
GOV.UK Design System
The GOV.UK Design System helps government teams create services with consistent styles, reusable components, and patterns for user-focused tasks.
Free planWebSelf-hosted
6.6Free plan
Visit
10
Singapore Government Design System
Singapore Government Design System (SGDS) gives teams a shared set of design foundations and interface resources for creating government digital services.
Free planWebAPI
6.4Free plan
Visit
11
Adobe Spectrum
Adobe Spectrum is Adobe’s design system, a shared foundation and language for building experiences across Adobe products and platforms.
AndroidiOSWebmacOS
6.1
Visit
12
Material Design for Bootstrap
Material Design for Bootstrap (MDB) is a UI kit for building websites with Bootstrap components, templates, and plugins.
Free planWebSelf-hosted
6.1Free plan
Visit
13
Untitled UI
Untitled UI combines a Figma UI kit and design system with a React component library and an icon library.
Free planWeb
6.1Free plan
Visit
14
Clarity Design System
Clarity Design System is an open-source toolkit for enterprise-focused interface design, with inclusion at its center.
Free planWeb
6.0Free plan
Visit
15
Frames X
Frames X is a paid, web-based Figma UI kit and design system for websites, applications, and commercial projects.
Web
6.0$47 one-time
Visit
16
Angular Material
Angular Material is a free library of Material Design UI components for Angular applications.
Free planWeb
5.9Free plan
Visit
17
Figkit
Figkit is a wireframe library for Figma for planning desktop and mobile user interfaces.
Web
5.9From $99 a year
Visit
18
Material 3 Design Kit
Material 3 Design Kit is a free Figma resource for making mockups and prototypes with customizable Material 3 styles and components.
Free planWeb
5.9Free plan
Visit
19
react-md
react-md is a free React component library for building web interfaces with Sass and SCSS.
Free planWeb
5.9Free plan
Visit
20
U.S. Web Design System
U.S. Web Design System (USWDS) is a free, open source toolkit for government teams creating accessible, mobile-friendly websites.
Free planWebSelf-hosted
5.9Free plan
Visit
21
Dashboard UI Kit
Web
5.8$59 one-time
Visit
22
jQWidgets
jQWidgets is a JavaScript UI framework for building business applications across desktop, touch, and mobile devices.
Free planWeb
5.8Free plan
Visit
23
Automattic Design System
Automattic Design System is a collection of packages for building products with a shared design language.
Web
5.6
Visit
24
Figma Simple Design System
Figma Simple Design System, or SDS, is a free web-based project that demonstrates a responsive design system across Figma and React code.
Web
5.5
Visit
25
Lightning Design System
Lightning Design System 2 provides web resources for building scalable, accessible interfaces with Salesforce’s design system.
Web
5.5
Visit

Back to UI Prep Design System