design-system

Reactを使用したGitHubのPrimer Design Systemの実装。

Win95 UIを備えたReactコンポーネントライブラリ

📱 美しく、高速でモダンな React Native UI ライブラリ

Awesome Claude Design: DESIGN.md 形式のすぐに使える 68 個のデザインシステムインスピレーション。配置するだけで、1 回の操作で完全な UI を構築できます。

大規模システムの設計方法を学ぶ。システム設計面接の準備に。

.NET 10、Angular 22、クリーンアーキテクチャ、クリーンコード、SOLID、KISS、DRY、Mediator パターン、機能別フォルダー構造

Arco Design に基づく Vue.js 3 UI ライブラリ

Carbon Design System の Svelte 実装

Vuesionは、エンジニアリングとデザインにわたるモダンなベストプラクティスを活用して、プロダクトチームがより迅速に構築できるようにするボイラープレートです。フルスタックフレームワーク、包括的なデザインシステム、堅牢なテスト、シームレスな国際化を備えています。

Cloudscape Design System 用の React コンポーネント

Claude Design、Google Stitch、Codex、Cursorなどのエージェント型ツール向けに、awesomeなDESIGN.mdおよびSKILL.mdデザインスキルファイル67選

Franken UI は、UIkit 3 をベースに LitElement で拡張され、shadcn/ui にインスパイアされた、HTML ファーストの UI コンポーネントライブラリです。

開発者にストレスなく、短時間でマテリアルデザインインターフェースを構築... 🍺💛

Creative TimによるBootstrap 4用デザインシステム「Argon」

デザイナー向けスキルコレクション：リサーチからシステム、UI、インタラクション、納品まで、デザインのためのエージェントスキル、コマンド、プラグイン

🚀 セマンティッククラスを備えた、最も簡単で無料のオープンソースな Tailwind CSS コンポーネントライブラリ。

Storybook チュートリアルの静的サイトとコンテンツ

Reshaped は、優れた製品の構築や独自のデザインシステムの立ち上げのための、アクセシブルな React および Figma コンポーネントを提供します

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.

🍭 Lobe UI - AIGC ウェブアプリ構築のためのオープンソース UI コンポーネントライブラリ

デザイン トークンのサイトと仕様に関する公式の DTCG リポジトリ

Untitled UI React は、Tailwind CSS と React Aria で構築された世界最大級のオープンソース React コンポーネントコレクションです。コピー＆ペーストするだけでビルド可能です。

AIを活用してより優れたUIを構築する

SolidJS を使用してアクセシブルな Web アプリやデザインシステムを構築するための UI ツールキット

styled-components と React JS をベースに構築された開発者向けのデザインシステム

美しくデザインされた、アクセシブルなコンポーネントのセットとコード配布プラットフォーム。Goおよびtemplに対応。オープンソース、オープンコード。

参考 UI（画像、スクリーンショット、URL）を定量化された Design DNA JSON（トークン、定性的スタイル、視覚効果）に変換し、コンテンツから一致する UI を生成します。

美しく、アクセシビリティに優れたカラーシステム。

Chakra UIをベースに構築された、スタートアップ向けのReactコンポーネントライブラリ。

Tailwind CSSで構築されたオープンソースのReact UIライブラリ。プロダクション対応のコンポーネント、ブロック、テンプレートを提供し、モダンでアクセシブルなWebアプリの迅速な開発を支援します。