基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。还原 30 个独立 React 组件与 8 项硬核交互物理算法,附带 3000+ 行逆向分析手册。
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.
DeepSeek Harness 本地视频制作与设计插件:多轨剪辑、模板与设计体系、原生预览画布和真实文件导出
41 free interactive React blocks and 24 synthesised interface sounds from bencho.dev. Copy a folder, ship it.
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.
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create motion, prototypes, websites, apps, dashboards, presentations, images, and videos with your team and AI agents. Share work, exchange feedback, and iterate together in one workspace.
An enterprise-class UI design language and React UI library
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
Chakra UI is a component system for building SaaS products with speed ⚡️
💅🏻 ⚒ A collection of awesome design systems
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
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.
Primer is GitHub's design system. This is the CSS implementation
Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles 🚀
📚 A curated list of awesome articles, videos, and other resources to learn and practice software architecture, patterns, and principles.
Functional css for humans
Material Design Web Components
Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.
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.
🚀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
The adaptive interface system for modern web experiences.
A design system built by IBM
A React Component library implementing the Base design language
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
Visual builder for React. Build apps, websites, and content. Integrate with your codebase.
An open-source UI component library for building high-quality, accessible design systems and web apps for Vue. Previously Radix Vue
Elastic UI Framework 🙌
🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️
Skeleton is an adaptive design system powered by Tailwind CSS.
A comprehensive React UI components library based on Arco Design
Unstyled, accessible UI components for your design System. Works in React, Vue, Solid, and Svelte.
Build your design system in React, Solid, Vue, Svelte or Vanilla. Powered by finite state machines
Codebase intelligence for TypeScript and JavaScript. Health, complexity hotspots, duplication, architecture boundaries, circular dependencies, design-system drift, and unused code, from one graph. CLI, GitHub Action, LSP, MCP, and VS Code. Rust, MIT licensed.
A build system for creating cross-platform styles.
Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications
🦍 A configurable component library for web built on React.
Design with JSX, powered by your own component library.
A set of React UI components that supports Pinterest’s design language
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+.
An implementation of GitHub's Primer Design System using React
A React components library with Win95 UI
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.
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
📱Beautiful, fast and modern React Native UI library
.NET 10, Angular 22, Clean Architecture, Clean Code, SOLID, KISS, DRY, Mediator Pattern, Folder-by-Feature Structure
An agent-first linter for Tailwind design systems. Write design system rules that agents can verify.
A Vue.js 3 UI Library based on Arco Design
Svelte implementation of the Carbon Design System
A builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.
React components for Cloudscape Design System
Build material design interfaces in record time... without stress for devs... 🍺💛
Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.
Reshaped provides accessible React and Figma components for building beautiful products or starting your own design system
🍭 Lobe UI - an open-source UI component library for building AIGC web apps
Describe what you need — a presentation, lesson, or story — and let the AI build clean, beautiful HTML slides for you. Local-first. Works offline. Works for you.