Primer CSSは、GitHubのPrimer Design SystemをCSSで実装したもので、@primer/css npmパッケージとして提供されています。コア、プロダクト、マーケティング向けのユーティリティクラスとコンポーネントスタイルを提供しており、現在はメンテナンス(KTLO)モードとなっています。
オープンソース。新しい可能性。
優れたオープンソースプロジェクトを見つけ、匿名でプロジェクトを投稿し、自分のプロジェクトを申請して編集できます。
好奇心とともに、オープンソースの世界へ。
THE FIRST COLLECTIONBase Webは、UberのBaseデザインシステムを実装したReactコンポーネントライブラリで、TypeScript対応とStyletronベースのスタイリングを備えたモダンでレスポンシブなUIコンポーネントを提供します。現在はメンテナンスモードです。
DembrandtはNode.js CLIツールで、PlaywrightでサイトをレンダリングしDOMスタイルを読み取って、カラー・タイポグラフィ・スペーシング・ボーダー・シャドウ・モーション・コンポーネントをW3Cデザイントークンに変換する。CIドリフト検知とMCP対応。
Storybookは、UIコンポーネントやページを独立して構築、ドキュメント化、テストするためのフロントエンドワークショップです。多くのフレームワークをサポートし、アクセシビリティやインタラクティブ開発のためのアドオンを提供しています。
Priceline Design SystemはPriceline.comのオープンソースUIコンポーネントライブラリおよびデザイン標準です。インタフェースパターンの統一、デザイン・開発の高速化、アクセシビリティ、国際化、レスポンシブウェブデザインを促進することを目指しています。Storybookドキュメント付きでnpmパッケージ(pcln-design-system)として提供され、MITライセンスで公開されています。
Chromaticは、デザイントークンファイルからクロスプラットフォームなデザインシステムを管理するためのビルドツールです。表現力豊かなトークン式、テーマ機能、YAML/JSON入力をサポートし、Sass、CSS、iOS、Android、HTMLスタイルガイドを出力します。
ヘルシンキ市が公開するオープンソースのデザインシステム「Helsinki Design System (HDS)」。アクセシブルなReactコンポーネント、CSSスタイル、デザイントークンを提供し、包括的なドキュメントとデザインリソースを備える。
TW Elementsは、Tailwind CSS向けのMITライセンス・コンポーネントライブラリです。500以上のインタラクティブなUIコンポーネントと117以上のデザインブロックを提供し、ダークモード対応やテーマ設定が可能で、個人・商用問わず無料で利用できます。
Radix Themesは、WorkOSがメンテナンスする、高速な開発、容易なメンテナンス、およびアクセシビリティに焦点を当てたオープンソースのReactコンポーネントライブラリです。
Zagは、アクセシブルなJS UIコンポーネント向けのヘッドレス・フレームワーク非依存の状態マシンライブラリ。React/Solid/Vue/Svelte用アダプタとスタイリングフリーのAPIを提供し、WAI-ARIA準拠の再利用可能パターンを実現する。
Ant Designは、TypeScriptで記述されたエンタープライズクラスのUIデザイン言語およびReactコンポーネントライブラリであり、即戦力となる高品質なコンポーネント、デザインリソース、テーマ設定、国際化機能を提供します。
開発者向けのデザインシステムに関するブックマーク、リソース、記事、ツールの厳選された英語コレクション。デザインツール、デザイントークン、パターンライブラリ、コンポーネントテスト、書籍、講演などを網羅しています。
A collection of seven skill libraries for AI coding agents covering code cleanup, prose editing, parallel agent orchestration, interface design, product feedback, design research, and QA. Works with Claude Code, Cursor, Codex and other agents that read skill files.
TinteはデザインシステムをAgent Pluginにコンパイルするツールです。リファレンスからアイデンティティを抽出し、SKILL.mdとtokens.cssを出力し、トークンをバイパスする色をリントします。また、shadcnプリセットやエディタテーマ等も出力可能です。
Welcome UIはWelcome to the Jungle(@wttj)が公開したReact・TypeScript・Tailwind CSS・Ariakitベースのカスタマイズ可能デザインシステム。コンポーネントや設定の詳細はREADMEおよび公式ドキュメントで確認できる。
Radix Primitivesは、アクセシビリティ、カスタマイズ性、開発者体験に重点を置いた、アクセシブルなデザインシステムやウェブアプリ構築のためのオープンソースの低レベルUIコンポーネントライブラリです。WorkOSによってメンテナンスされており、MITライセンスで提供されています。
OpenDesignはClaude Designに代わるApache 2.0ライセンスのオープンソース・ローカルファースト型デスクトップアプリです。エージェントネイティブ対応でDeepSeek Harnessを含む26種類以上のコーディングCLIをサポートし、ブランドグレードのDESIGN.mdシステムでプロトタイプ・スライド・画像・動画を生成、HTML/PDF/PPTX/MP4でエクスポート可能です。
daisyUIは、Tailwind CSS向けの無料かつオープンソースのコンポーネントライブラリです。HTMLで直接利用可能な、カスタマイズ可能な設計済みUIコンポーネントを提供しており、充実したドキュメントやコミュニティサポートを備えています。
FASTは、Microsoftによる最新のWeb向け適応型インターフェースシステムで、標準準拠のWeb Componentsを構築するための軽量フレームワークと、Fluentデザインのコンポーネントライブラリを提供します。