Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with design-system

A curated list of projects in awesome lists tagged with design-system .

https://github.com/donnemartin/system-design-primer

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

design design-patterns design-system development interview interview-practice interview-questions programming python system web web-application webapp

Last synced: 18 Oct 2026

https://github.com/VoltAgent/awesome-design-md/?utm_source=awesome-ai-tools-for-ui

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

awesome-list design-md design-system design-tokens figma google-stitch landing-page vibe-coding vibe-design vibecoding

Last synced: 02 Oct 2026

https://github.com/leonxlnx/taste-skill

Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

agent-skills ai-agents anti-slop claude-code codex cursor design-system frontend landing-page ui-design web-design

Last synced: 09 Nov 2026

https://github.com/mui/material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

design-system material-design material-ui react react-components

Last synced: 18 Oct 2026

https://github.com/chakra-ui/chakra-ui

Chakra UI is a component system for building SaaS products with speed ⚡️

a11y accessible ark-ui chakra-ui component css-in-js dark-mode design-system react react-components reactjs styled ui-components ui-library uikit wai-aria

Last synced: 18 Oct 2026

https://github.com/onlook-dev/onlook

The Developer Tool for Visual Engineers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1 Developer tool for Designers and Visual Engineers to design with Real Code.

ai claude-code codex cursor design design-system design-to-code design-tool figma frontend ide nextjs react supabase tailwindcss typescript ui vibe-coding vibecoding visual-engineering

Last synced: 09 Nov 2026

https://github.com/doczjs/docz

✍ It has never been so easy to document your things!

design-system docs documentation docz gatsby js mdx react theme ui zero-configuration

Last synced: 08 Apr 2025

https://github.com/pedronauck/docz

✍ It has never been so easy to document your things!

design-system docs documentation docz gatsby js mdx react theme ui zero-configuration

Last synced: 18 Oct 2026

https://github.com/stenciljs/core

A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, (+ more) and traditional web applications from a single, framework-agnostic codebase.

custom-element design-system ionic ssg ssr static-site-generator stencil stenciljs typescript webcomponent

Last synced: 18 Oct 2026

https://github.com/primer/css

Primer is GitHub's design system. This is the CSS implementation

css design-system design-systems framework meta primer primer-css sass styleguide ui-components

Last synced: 18 Oct 2026

https://github.com/primer/primer-css

Primer is GitHub's design system. This is the CSS implementation

css design-system design-systems framework meta primer primer-css sass styleguide ui-components

Last synced: 07 Mar 2025

https://github.com/markmead/hyperui

Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles 🚀

accessibility components css design-system frontend html tailwind tailwindcss tailwindui templates ui

Last synced: 18 Oct 2026

https://github.com/jdan/98.css

A design system for building faithful recreations of old UIs

css design-system guy-fieri windows98

Last synced: 18 Oct 2026

https://github.com/mui/base-ui

Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.

accessibility base-ui components design-system react react-components ui wai-aria

Last synced: 18 Oct 2026

https://github.com/akveo/react-native-ui-kitten

React Native UI library built on the Eva Design System: 30+ themeable, accessible components for iOS, Android and web. TypeScript, React 19 / RN 0.81, Eva and Material themes with runtime light/dark switching, on-demand style compilation.

design-system eva-design-system react react-native react-native-web typescript ui-kit ui-library

Last synced: 18 Oct 2026

https://github.com/douyinfe/semi-design

🚀A modern, comprehensive, flexible design system and React UI library, AI-friendly built-in.🎨Provide 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design.🧑🏻‍💻 Design to Code in one click

ai-friendly code2design dark-mode design-system design2code designops designtocode figma-plugin react theme ui-libary

Last synced: 18 Oct 2026

https://github.com/themesberg/flowbite

Open-source UI component library and front-end development framework based on Tailwind CSS

components css design-system eslint figma flowbite html hugo javascript prettier tailwind tailwindcss typescript ui-components ui-framework ui-library webpack

Last synced: 18 Oct 2026

https://jdan.github.io/98.css/

A design system for building faithful recreations of old UIs

css design-system guy-fieri windows98

Last synced: 26 Mar 2025

https://github.com/DouyinFE/semi-design

🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻‍💻 Design to Code in one click

code2design dark-mode design-system design2code designops designtocode figma-plugin react theme ui-libary

Last synced: 15 Mar 2025

https://github.com/nuejs/nue

Fastest way to build modern websites

design design-system javascript javascript-framework markdown-flavour nuejs

Last synced: 18 Oct 2026

https://github.com/grommet/grommet

a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

a11y babel design-system grommet javascript react ux-framework

Last synced: 18 Oct 2026

https://github.com/rebassjs/rebass

:atom_symbol: React primitive UI components built with styled-system.

color components css design-system emotion grid javascript layout react react-components rebass styled-components styled-system theme typography ui

Last synced: 18 Oct 2026

https://github.com/react95-io/react95

🌈🕹 Windows 95 style UI component library for React

component-library components design-system react reactjs styled-components ui ui-kit vaporwave windows95

Last synced: 18 Oct 2026

https://github.com/unovue/reka-ui

An open-source UI component library for building high-quality, accessible design systems and web apps for Vue. Previously Radix Vue

accessibility accessible component-library design-system headless nuxt primitives radix-ui reka-ui ui ui-components ui-kit vue vue-component-library vue-components vue-radix

Last synced: 18 Oct 2026

https://github.com/react95-io/React95

🌈🕹 Windows 95 style UI component library for React

component-library components design-system react reactjs styled-components ui ui-kit vaporwave windows95

Last synced: 17 Mar 2025

https://vmware.github.io/clarity

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

accessibility accessible-components accessible-design angular angular-components clarity component-library components css design-system lit-elements typescript ui ux web web-components web-components-library

Last synced: 10 Aug 2025

https://github.com/vmware-archive/clarity

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

accessibility accessible-components accessible-design angular angular-components clarity component-library components css design-system lit-elements typescript ui ux web web-components web-components-library

Last synced: 18 Oct 2026

https://github.com/elastic/eui

Elastic UI Framework 🙌

css-in-js design-system elasticsearch eui kibana react

Last synced: 18 Oct 2026

https://github.com/basscss/basscss

Low-level CSS Toolkit – the original Functional/Utility/Atomic CSS library

atomic-css basscss css design-system functional-css oocss utility utility-css

Last synced: 18 Oct 2026

https://github.com/Shopify/polaris

Shopify’s design system to help us work together to build a great experience for all of our merchants.

component-library design-system design-systems design-tokens figma-plugin icons react shopify-polaris typescript vscode-extension

Last synced: 17 Mar 2025

https://github.com/arco-design/arco-design

A comprehensive React UI components library based on Arco Design

arco-design component-library customize design-system react ui ui-library

Last synced: 18 Oct 2026

https://github.com/chakra-ui/ark

Unstyled, accessible UI components for your design System. Works in React, Vue, Solid, and Svelte.

components design-system headless primitives react solid svelte ui unstyled vue

Last synced: 18 Oct 2026

https://github.com/system-ui/theme-ui

Build consistent, themeable React apps based on constraint-based design principles

color design design-system design-tokens emotion layout mdx react style theme typography ui

Last synced: 18 Oct 2026

https://github.com/gluestack/gluestack-ui

React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))

accessibility component-library customizable-components design-system react react-native styled-components ui ui-components universal-components

Last synced: 18 Oct 2026

https://github.com/manavarya09/design-extract

Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.

accessibility agent-skill ai chrome-extension claude-code-plugin cli css cursor design-system design-to-code design-tokens dtcg figma mcp-server npx playwright shadcn-ui skills-sh tailwind web-scraping

Last synced: 09 Nov 2026

https://github.com/alibaba-fusion/next

🦍 A configurable component library for web built on React.

component design-system fusion fusion-design next react ui

Last synced: 19 Oct 2026

https://github.com/geist-org/geist-ui

A design system for building modern websites and applications.

design-system design-systems geist geist-ui hacktoberfest react react-components

Last synced: 19 Oct 2026

https://github.com/pinterest/gestalt

A set of React UI components that supports Pinterest’s design language

design-system javascript react

Last synced: 19 Oct 2026

https://github.com/nateherkai/scroll-craft

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

accessibility agent-skills ai-web-design anthropic claude-code claude-code-plugin creative-coding design-system frontend interaction-design landing-page scroll-animation scrollytelling typography web-design

Last synced: 09 Nov 2026

https://pinterest.github.io/gestalt/

A set of React UI components that supports Pinterest’s design language

design-system javascript react

Last synced: 26 Apr 2025

https://github.com/primer/react

An implementation of GitHub's Primer Design System using React

component-library design-system primer react

Last synced: 18 Oct 2026

https://github.com/sakofchit/system.css

A design system for building retro Apple interfaces

classic-macos css design-system hacktoberfest hacktoberfest2022 macos

Last synced: 18 Oct 2026

https://github.com/meetalva/alva

Create living prototypes with code components.

components design design-system react

Last synced: 18 Oct 2026

https://github.com/heroui-inc/heroui-native

📱Beautiful, fast and modern React Native UI library

android design-system expo heroui ios library nativewind react-native ui-components

Last synced: 18 Oct 2026

https://github.com/shadcn-ui/lint

An agent-first linter for Tailwind design systems. Write design system rules that agents can verify.

agents ai design design-system design-tools shadcn shadcn-ui tailwindcss

Last synced: 09 Nov 2026

https://github.com/rafaelfgx/architecture

.NET 10, Angular 22, Clean Architecture, Clean Code, SOLID, KISS, DRY, Mediator Pattern, Folder-by-Feature Structure

angular architecture aspnet-core aspnetcore best-practices c-charp clean-architecture clean-code csharp design-system dot-net dotnet microservices solid system-design

Last synced: 19 Oct 2026

https://github.com/owl-listener/designer-skills

Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.

agentic agentic-ai ai ai-tools claude-code design-system design-systems prompt-engineering skills ux-design

Last synced: 09 Nov 2026

https://github.com/plugin87/ux-ui-agent-skills

Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.

accessibility ai-agents claude claude-code claude-skills component-library design-system design-to-code design-tokens dtcg figma react tailwindcss ui ux wcag

Last synced: 09 Nov 2026

https://github.com/arco-design/arco-design-vue

A Vue.js 3 UI Library based on Arco Design

arco-design component-library components design-system ui vue vue3 vuejs

Last synced: 19 Oct 2026

https://github.com/dickwu/apple-design-skill

Cross-platform UI/UX design reviewer based on Apple HIG. Works with Flutter, Tauri, Electron, React Native. Compatible with Claude Code, Cursor, Codex.

apple-hig claude-code codex cursor design-system electron flutter liquid-glass tauri ui-ux

Last synced: 09 Nov 2026

https://github.com/vuesion/vuesion

The original open-source Vuesion 5: a Nuxt 3 boilerplate with design system, Storybook, Figma UI kit, authentication and testing. MIT licensed, no longer maintained. Active development continues as the commercial Vuesion on Nuxt 4 with workspaces, billing and AI agent skills.

authentication boilerplate cypress design-system figma i18n nuxt nuxt3 nuxtjs pinia pwa seo server-side-rendering starter-kit storybook typescript vitest vue vue3 vuejs

Last synced: 07 Nov 2026

https://github.com/cloudscape-design/components

React components for Cloudscape Design System

components design-system react scss typescript

Last synced: 19 Oct 2026

https://github.com/Owl-Listener/designer-skills?utm_source=awesome-ai-tools-for-ui

Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.

agentic agentic-ai ai ai-tools claude-code design-system design-systems prompt-engineering skills ux-design

Last synced: 02 Oct 2026

https://github.com/beercss/beercss

Build material design interfaces in record time... without stress for devs... 🍺💛

css design-system html material material-3 material-3-design material-3-expressive material-design-3 material-you semantic-html web

Last synced: 19 Oct 2026

https://github.com/franken-ui/ui

Franken UI is an HTML-first UI component library built on UIkit 3 and extended with LitElement, inspired by shadcn/ui.

component css design-system framework shadcn shadcn-ui tailwind tailwindcss ui uikit

Last synced: 19 Oct 2026

https://github.com/vue-styleguidist/vue-styleguidist

Created from react styleguidist for Vue Components with a living style guide

design-system doc documentation markdown parser style-guide styleguide vue vue-components vuejs

Last synced: 19 Oct 2026

https://github.com/chromaui/learnstorybook.com

Static site and content for Storybook tutorials

component-driven design-system learning storybook

Last synced: 19 Oct 2026

https://sakofchit.github.io/system.css/

A design system for building retro Apple interfaces

classic-macos css design-system hacktoberfest hacktoberfest2022 macos

Last synced: 08 May 2025

https://github.com/reshaped-ui/reshaped

Reshaped provides accessible React and Figma components for building beautiful products or starting your own design system

design-system figma react react-components ui-components

Last synced: 19 Oct 2026

https://github.com/lobehub/lobe-ui

🍭 Lobe UI - an open-source UI component library for building AIGC web apps

aigc antd chatbot design-system dumi lobehub react typescript ui ui-components ui-kit

Last synced: 19 Oct 2026

https://github.com/arielsalminen/vue-design-system

An open source tool for building UI Design Systems with Vue.js

component-library components design-system design-systems vue vue-styleguidist vuejs

Last synced: 19 Oct 2026

https://github.com/design-tokens/community-group

This is the official DTCG repository for the design tokens site and specification.

design-system design-systems design-tokens

Last synced: 19 Oct 2026

https://github.com/zanwei/design-dna

Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.

agent-skills claude-skills codex-skills cursor-skills design-dna design-system design-tokens skills-cli ui-design visual-design

Last synced: 19 Oct 2026

https://github.com/untitleduico/react

Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS and React Aria. Just copy, paste, and build.

components design-system react react-aria react-aria-components tailwindcss ui-library

Last synced: 19 Oct 2026

https://github.com/kobaltedev/kobalte

A UI toolkit for building accessible web apps and design systems with SolidJS.

component-library design-system solidjs ui

Last synced: 19 Oct 2026

https://github.com/chakra-ui/chakra-ui-vue

⚡️ Build scalable and accessible Vue.js applications with ease.

a11y accessibility chakra-ui composition design-system hacktoberfest library nuxt ui vue vuejs vuejs-components wai-aria

Last synced: 19 Oct 2026

https://github.com/designrevision/shards-dashboard-react

⚛️A free and beautiful React admin dashboard template pack.

admin admin-dashboard admin-panel admin-template admin-ui design-system react reactjs shards-ui

Last synced: 19 Oct 2026

https://github.com/proksh/atomize

Design System for developers build on styled-components & React JS.

design design-system reactjs ui ui-framework

Last synced: 19 Oct 2026

https://github.com/axadrn/shadcn-templ

A set of beautifully-designed, accessible components and a code distribution platform. Works with Go and templ. Open Source. Open Code.

design-system go go-web golang golang-library golang-package golang-tools shadcn shadcn-templ shadcn-ui shadcnui tailwind tailwind-css tailwindcss templ templating ui ui-components ui-library uikit

Last synced: 19 Oct 2026

https://github.com/DesignRevision/shards-dashboard-react

⚛️A free and beautiful React admin dashboard template pack.

admin admin-dashboard admin-panel admin-template admin-ui design-system react reactjs shards-ui

Last synced: 14 Mar 2025

https://github.com/radix-ui/colors

A gorgeous, accessible color system.

color color-palette colors design design-system ui

Last synced: 19 Oct 2026

https://github.com/tailgrids/tailgrids

Open-source React UI library built with Tailwind CSS. Production-ready components, blocks, and templates to help you build modern, accessible web apps faster.

component-library components design-system frontend icons nextjs-ui-components react react-components react-tailwindcss react-templates react-ui-library tailwind tailwind-css tailwind-ui tailwindcss ui-components ui-kit ui-library

Last synced: 19 Oct 2026

https://github.com/internet-development/www-sacred

SRCL is an open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics.

component-library design-system monospace nextjs react scss

Last synced: 19 Oct 2026

https://github.com/magicpatterns/catalog

The Magic Patterns Catalog is an open-source website that lists the most popular React component libraries, helping you find the perfect component.

component-library design design-system react styling

Last synced: 19 Oct 2026

https://github.com/TailGrids/tailgrids

TailGrids is an open-source React UI library built with Tailwind CSS. It provides production-ready components, blocks, and templates to help you build modern, accessible web apps faster.

component-library components dark-mode design-system frontend icons nextjs-ui-components react react-components react-tailwindcss react-templates react-ui-library tailwind tailwind-css tailwind-ui tailwindcss ui-components ui-kit ui-library vue-tailwindcss

Last synced: 01 Feb 2026

https://github.com/kiwicom/orbit

React components of open-source Orbit design system by Kiwi.com

component component-library design-system hacktoberfest kiwi kiwicom orbit react styled-components

Last synced: 19 Oct 2026

https://github.com/hendurhance/ui-ux

📚 This guide is designed to help you learn UI/UX design, and is divided into three levels: Beginner, Intermediate, and Expert. It includes learning resource, guides and tools that cover all aspects of designing user interfaces and user experiences.

design design-patterns design-system guides resources typography ui ui-design ux ux-design ux-ui

Last synced: 19 Oct 2026

https://github.com/kiwicom/orbit-components

React components of open-source Orbit design system by Kiwi.com

component component-library design-system hacktoberfest kiwi kiwicom orbit react styled-components

Last synced: 17 Jun 2025

https://github.com/onearmy/community-platform

A platform to build useful communities that aim to tackle global problems

climate-impact design-system react reactjs theme-ui typescript

Last synced: 19 Oct 2026