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

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

GitHub DarkはStylishThemesが開発したユーザースタイルプロジェクトで、GitHubのインターフェースをダークテーマに変換し、長時間のコーディング時の目の疲れを軽減します。Stylusなどのブラウザ拡張機能と連携し、DraculaやMonokaiなど多様なシンタックスハイライトテーマに対応しています。

Material Design for Bootstrapは、700以上のコンポーネント、テーマ、テンプレートを備えた無料のUIキットで、レスポンシブでモバイルファーストのウェブサイトを構築できます。jQuery、Angular、React、Vueに対応し、MITライセンスで提供されています。

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

TW Elementsは、Tailwind CSS向けのMITライセンス・コンポーネントライブラリです。500以上のインタラクティブなUIコンポーネントと117以上のデザインブロックを提供し、ダークモード対応やテーマ設定が可能で、個人・商用問わず無料で利用できます。

Anime.jsは、CSSプロパティ、SVG、DOM属性、JavaScriptオブジェクトをアニメーション化するための強力なAPIを備えた、高速で軽量なJavaScriptアニメーションライブラリです。

2026年版のCSSフレームワーク一覧。ベース、クラスレス、軽量、汎用、Material Design、ユーティリティ、特殊用途、開発停止中の8カテゴリに整理。各項目にはリンク、GitHubスター、技術タグ付き。

FlowbiteはTailwind CSSベースのオープンソースUIコンポーネントライブラリで、データ属性によるインタラクティブなコンポーネントを提供し、vanilla JS API、TypeScript、RTL対応、およびReact、Vue、Svelte、Angular向けのバインディングを備えています。

Font Awesomeはデザイナーや開発者向けのアイコンライブラリ・ツールキットで、SVG・フォント・CSSリソースを提供する。現在バージョン7が最新リリース。

designlangはPlaywrightを活用したCLIで、ライブDOMからDTCGトークン、Tailwind設定、Figma変数、WCAG監査まで含めた統合デザイン言語システムを抽出・生成するオープンソースツール。

ピクセルアート作品を展示するために設計されたウェブベースのギャラリーです。

TablerはBootstrap 5ベースの無料・MITライセンスのHTMLダッシュボードUIキットです。管理パネルやWebアプリ向けに、120以上のデモページ、コンポーネント、ダークモード、RTL対応、Sassソース、TypeScript型定義を提供します。

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

MetisはColorlibが提供する無料でMITライセンスのBootstrap 5管理ダッシュボードテンプレート。Alpine.js、Vite、SCSSを使用し、レスポンシブレイアウト、ダーク/ライトテーマ、自己ホスト型アセット設定を備える。

OrugaはVue.js 3向けの軽量UIコンポーネントライブラリ。BootstrapやTailwindCSSなどCSSフレームワークに依存せず、クラスマッピング設定によるカスタマイズ、tree-shaking対応、公式テーマ、SFCやNuxtでの使い方が特徴。MITライセンスでベータ版。

brandmdは、ウェブサイトのデザインシステムを抽出し、公式の@google/design.mdリンターに準拠したDESIGN.mdを生成するCLIツールです。Claude CodeやCursorなどのコーディングエージェントにUI実装前のブランドコンテキストを提供します。

Webcore UIはAstro、Svelte、React向けのオープンソースUIコンポーネントライブラリ。Sassでスタイリングされ、カスタマイズ可能なコンポーネント、ブロック、テンプレート、CLI、テーマ、CSS変数を備える。

GlassKitは、iOS 26のLiquid Glassにインスパイアされたグラスモーフィズム外観を持つ、依存関係のないCSSコンポーネントライブラリです。テーマ、デザイントークン、ユーティリティクラス、およびShadow DOM用のConstructable Stylesheetを提供します。

MorphousはTanStack Startで作られた自然インスピレーションのデザインシステムカタログ。motifアセット、ライト/ダークデザインボード、プロンプト、shadcn/tweakcn互換テーマエクスポートを提供。

Yetiは、Foundation for Sitesの後継となる、Webデザイナー向けのCSSファーストでゼロビルドのレイアウト・スタイリングフレームワークです。モダンなネイティブCSS機能、名前付きレイアウトプリミティブ、単一のトークンスケールを使用し、アクセシブルなコンポーネントとエージェント向けの機械可読マニフェストを備えています。現在は7.0.0-alphaです。