design-systems

エンタープライズクラスのUIデザイン言語およびReact UIライブラリ

🎨 最高の DeepSeek Harness デザインプラグイン。オープンソースの Claude Design の代替品。🖥️ ローカルファーストのデスクトップアプリ。🖼️ コーディングエージェントがデザインエンジンになる：プロトタイプ、ランディングページ、ダッシュボード、スライド、画像＆ビデオ — 実際のファイル、HTML/PDF/PPTX/MP4 エクスポート。🤖 Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode および BYOK 経由の 20以上の CLI。

Storybookは、UIコンポーネントを単独で構築、ドキュメント化、テストするための業界標準のワークショップです。

🌼 🌼 🌼 🌼 🌼 最も人気のある、無料のオープンソースのTailwind CSSコンポーネントライブラリ

最高のデザインツールとプラグインをすべて 👉

💅🏻 ⚒ 素晴らしいデザインシステムのコレクション。

Vue.js 2.0を基盤とした高品質なUI Toolkit。

Radix Primitivesは、高品質でアクセシブルなデザインシステムおよびWebアプリを構築するためのオープンソースのUIコンポーネントライブラリ。@workosによってメンテナンスされている。

適応性があり、アクセシブルで、堅牢なユーザーエクスペリエンスを構築するのに役立つライブラリとツールのコレクション。

ドメイン駆動設計（Domain-Driven Design）アプローチを採用した完全なモジュラーモノリスアプリケーション。

TailwindのMITライセンス（無料）コンポーネント、セクション、テンプレートの巨大なコレクション😎

PrimerはGitHubのデザインシステムです。これはCSSの実装です。

🌲 SegmentによるエバーグリーンなReact UIフレームワーク

人間にとって機能的なCSS

📚 ソフトウェアアーキテクチャ、パターン、原則を学習し実践するための、素晴らしい記事、動画、その他のリソースの厳選リスト。

モダンなウェブ体験のためのアダプティブインターフェースシステム。

Baseデザイン言語を実装したReactコンポーネントライブラリ。

Radix Themesは、高速な開発、簡単なメンテナンス、アクセシビリティに最適化されたオープンソースのコンポーネントライブラリ。@workosによってメンテナンスされている。

⬢ 急速なUI開発のためのスタイルプロパティ

U.S. Web Design Systemは、連邦政府が高速でアクセシブル、モバイルフレンドリーなウェブサイトを構築するのを支援します。

React用のビジュアルビルダー。アプリ、ウェブサイト、コンテンツを構築。コードベースに統合可能。

React、Solid、Vue、Svelte、またはVanillaでデザインシステムを構築。有限状態機械によって駆動。

Microsoft Fluent UI Blazorコンポーネントライブラリ。ASP.NET Core Blazorアプリケーションでの利用向け

クロスプラットフォームスタイルを作成するためのビルドシステム。

独自のコンポーネントライブラリを搭載したJSXによる設計。

あらゆるウェブサイトを編集可能なFigmaデザインに変換

Tailwind CSSを使用した、美しくレスポンシブなReactおよびVue（予定）向けのUIコンポーネントとテンプレート

あらゆるウェブサイトのデザインシステムを数秒でトークンに抽出：ロゴ、カラー、タイポグラフィ、ボーダーなど。1つのコマンドで実行可能。

Clean Architecture を使用し、生 SQL と DDD を採用した .NET Core REST API CQRS 実装のサンプル

Vue.js 2.0をベースに構築された高品質なUIツールキット