design-system

A set of React components for the PatternFly project.

A list of famous design systems, design languages and guidelines

⚡ A simple Once UI setup for a new project. Just what's necessary, nothing else.

open-source skill that learns any brand and turns it into a complete design system. works on claude code and codex. install once, every UI your assistant builds matches your brand.

A styling system for Flutter

Static site and content for Component Driven

💫 Orbit is a framework designed for building any kind of radial UI.

A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.

A collection of Sci-Fi themed components and futuristic design elements for modern web applications.

0️⃣ Composable UI engine for Vue. Build complex interfaces with reusable state, logic, and primitives—without being locked into components or styles.

Priceline.com Design System

55 framework-portable UI components for Astro, React, and Vue. Install accessible Tailwind CSS components as source you own, backed by a shared framework-neutral Runtime.

Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.

🎨 Vibe Design System - Official monday.com UI resources for application development in React.js

Customizable design system from Welcome to the jungle (@wttj) with react, typescript, tailwindcss, ariakit and a lot of love 💛 Here you'll find all the core components you need to create a delightful webapp.

Pivotal's design system & component library

Compile your design system into an Agent Plugin. Extract an identity from any reference, emit SKILL.md + tokens.css, lint what bypasses your tokens.

Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.

Headless, composable primitives for building accessible UI components in Angular.

A collection of accessible, headless primitives and beautifully-designed components for Blazor inspired by shadcn/ui.

A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

ViewComponents for the Primer Design System

Dead-simple JS framework for native web components.

AI-Native Next.js admin dashboard template and UI components that come with pre-built elements, components, pages, high-quality design, integrations, and much more.

Strapi.io's design system :rocket:

偏执型设计顾问：反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill | Opinionated design advisor for Claude Code: anti-generic UI, style fitting room, 58 real-site design systems.

Open-source AI interfaces built with Claude (Fable 5) including hero sections, GLSL shaders, design systems, animations, 3D components and and landing pages, in React, Tailwind, and Three.js. Plug them into your AI agent and ship faster.

Drop-in design system for Unity 6 UI Toolkit (UIDocument + PanelRenderer, UXML + USS): tokens, fx shader material support, 42 components, 120 icons, mobile-responsive, dark-themed. One stylesheet, zero dependencies. Battle-tested in a shipping cross-play game.

200 production-grade DESIGN.md design systems for the world's best apps. Framework-neutral plus SwiftUI, Jetpack Compose, and Expo. Hand one to your AI agent, ship pixel-matched UI.

Comprehensive UI/UX and Backend component design skills for AI-assisted development with Claude