TranslatedBased on an in-depth REA teardown, a high-fidelity recreation of the official Claude desktop UI. Recreates 30 independent React components and 8 hardcore interaction physics algorithms, and comes with a 3000+ line reverse-engineering analysis manual.
A list of resources on all things to do with Design Tokens
Arc Library: free, open source React components with calm motion. Copy the code or install with the shadcn CLI.
A versioned, comprehensive kit of the Carbon Design System visual assets (components, icons, pictograms, text styles, color styles, grid templates).
:bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript
Open-source design-method engine for Claude Code, Codex & Cursor. One agent skill with 22 internal workflows for fixed design judgment, multiple grammars, semantic palettes, reference compilation, and evidence-verified UI. MIT.
Pro-grade UI design built into the coding agent you already use — GitHub Copilot Chat, Claude Code, Codex, Cursor. 270+ design skills, 150+ brand design systems, 160+ remixable examples. No desktop app, no daemon, no API keys — just files in your repo.
React design system for agentic interfaces. Every free BoardUI component as source, with a working AI chat app on your own model key as the homepage.
Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.
A styling system for Flutter
✨ A curated list of awesome design principles
💫 HTML on circles. A CSS layout system for radial UIs: gauges, dials, knobs, radial menus, charts and watch faces.
Vue implementation of the Carbon Design System
- hacktoberfest
- carbon-components-vue
- carbon
- vue
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
An Angular implementation of the Carbon Design System for IBM.
Carbon Design System SVG icons as Svelte components
- ibm
- icons
- carbon
- carbon-design-system
TranslatedDeepSeek Harness local video production and design plugin: multi-track editing, templates and design system, native preview canvas, and real file export
Translated歸藏设计 (Guizang Design, "Guizang" is the author's name) · DeepSeek Harness plugin: four skills (web PPT, image-text cards, web layout, removing the AI flavor), one design system; portfolio library, content production workflow, tone profile
Design engineering system for AI coding agents — ship UI with craft-level quality. Install as an agent skill.
An opinionated way of organizing front-end code in Ruby on Rails, based on components
PatternFly Elements. A set of community-created web components based on PatternFly design.
Siemens Industrial Experience is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.
A monorepo containing the packages for Esri's Calcite Design System
Unofficial Claude Skill derived from the book Refactoring UI — a design rulebook and diagnostic layer for web UI. 151 tracked rules, design token generation, and Tailwind mappings.