オープンソース。新しい可能性。

ヘルシンキ市が公開するオープンソースのデザインシステム「Helsinki Design System (HDS)」。アクセシブルなReactコンポーネント、CSSスタイル、デザイントークンを提供し、包括的なドキュメントとデザインリソースを備える。

ライブ本番サイトから逆エンジニアリングされた120件のプレーンテキスト DESIGN.md ブランド設計仕様のコレクション。AIコーディングエージェントがブランドに合った UI を生成できる。各ブランドは実際のカラー、タイポグラフィ、コンポーネント、ガードレルおよび自己完結型 preview.html を含む。

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コンポーネントライブラリであり、即戦力となる高品質なコンポーネント、デザインリソース、テーマ設定、国際化機能を提供します。

開発者向けのデザインシステムに関するブックマーク、リソース、記事、ツールの厳選された英語コレクション。デザインツール、デザイントークン、パターンライブラリ、コンポーネントテスト、書籍、講演などを網羅しています。

TinteはデザインシステムをAgent Pluginにコンパイルするツールです。リファレンスからアイデンティティを抽出し、SKILL.mdとtokens.cssを出力し、トークンをバイパスする色をリントします。また、shadcnプリセットやエディタテーマ等も出力可能です。

Welcome UIはWelcome to the Jungle(@wttj)が公開したReact・TypeScript・Tailwind CSS・Ariakitベースのカスタマイズ可能デザインシステム。コンポーネントや設定の詳細はREADMEおよび公式ドキュメントで確認できる。

Better Designは、AIコーディングエージェントにデザインシステム、セマンティックCSSトークン、UI原則、WCAG準拠のレビュールールなどを提供するオープンソースのMCPサーバーおよびshadcn/uiレジストリです。31のテーマを搭載し、Claude CodeやCursorなどのMCPクライアントと連携します。

Radix Primitivesは、アクセシビリティ、カスタマイズ性、開発者体験に重点を置いた、アクセシブルなデザインシステムやウェブアプリ構築のためのオープンソースの低レベルUIコンポーネントライブラリです。WorkOSによってメンテナンスされており、MITライセンスで提供されています。

OpenDesignはClaude Designに代わるApache 2.0ライセンスのオープンソース・ローカルファースト型デスクトップアプリです。エージェントネイティブ対応でDeepSeek Harnessを含む26種類以上のコーディングCLIをサポートし、ブランドグレードのDESIGN.mdシステムでプロトタイプ・スライド・画像・動画を生成、HTML/PDF/PPTX/MP4でエクスポート可能です。

FASTは、Microsoftによる最新のWeb向け適応型インターフェースシステムで、標準準拠のWeb Componentsを構築するための軽量フレームワークと、Fluentデザインのコンポーネントライブラリを提供します。

Primer CSSは、GitHubのPrimer Design SystemをCSSで実装したもので、@primer/css npmパッケージとして提供されています。コア、プロダクト、マーケティング向けのユーティリティクラスとコンポーネントスタイルを提供しており、現在はメンテナンス（KTLO）モードとなっています。

Base Webは、UberのBaseデザインシステムを実装したReactコンポーネントライブラリで、TypeScript対応とStyletronベースのスタイリングを備えたモダンでレスポンシブなUIコンポーネントを提供します。現在はメンテナンスモードです。

DembrandtはNode.js CLIツールで、PlaywrightでサイトをレンダリングしDOMスタイルを読み取って、カラー・タイポグラフィ・スペーシング・ボーダー・シャドウ・モーション・コンポーネントをW3Cデザイントークンに変換する。CIドリフト検知とMCP対応。

Priceline Design SystemはPriceline.comのオープンソースUIコンポーネントライブラリおよびデザイン標準です。インタフェースパターンの統一、デザイン・開発の高速化、アクセシビリティ、国際化、レスポンシブウェブデザインを促進することを目指しています。Storybookドキュメント付きでnpmパッケージ(pcln-design-system)として提供され、MITライセンスで公開されています。

Chromaticは、デザイントークンファイルからクロスプラットフォームなデザインシステムを管理するためのビルドツールです。表現力豊かなトークン式、テーマ機能、YAML/JSON入力をサポートし、Sass、CSS、iOS、Android、HTMLスタイルガイドを出力します。