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

Omatsuriはプライバシー重視のPWAで、CSSジェネレーター、SVG圧縮、JSXコンバーター、Base64エンコーダー、フェイクデータ生成など12のオープンソースフロントエンドツールを統合。全てブラウザ内でオフライン対応で動作。

Microsoft Cloud Advocatesによる12週間・24レッスンの無料カリキュラム。HTML、CSS、JavaScriptをテラリウム、ブラウザ拡張機能、スペースゲーム、銀行アプリなどの実践プロジェクトで学ぶ。

BulmaはFlexboxベースのモダンCSSフレームワークで、JavaScriptなしの単一CSSファイルとして提供される。Sassソースによるカスタマイズが可能で、あらゆるフロントエンドスタックと連携する。

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

Spruce CSSは、変数、ミックスイン、関数、少数のユーティリティクラスを備え、ダークモード対応のCSSカスタムプロパティによるテーマ設定が可能な、オープンソースで軽量なSassベースのCSSデザインシステムおよびフレームワークです。

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

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

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

Bootstrapは、レスポンシブでモバイルファーストのウェブサイトを構築するための広く使われているオープンソースのフロントエンドフレームワークです。コンパイル済みおよびソースのCSS、JavaScriptコンポーネント、ユーティリティクラス、テーマ設定ツールを提供し、npm、Composer、NuGetなどでインストールできます。

Tailwind CSSは、カスタムユーザーインターフェースを迅速に構築するためのオープンソースのユーティリティファーストCSSフレームワークです。詳細なドキュメントはtailwindcss.comで、コミュニティの支援やアイデアはGitHub Discussionsで提供されています。

HTML5 Boilerplateは、10年以上にわたる開発とコミュニティの知見を結集したプロフェッショナルなフロントエンドテンプレートです。特定のフレームワークに依存せず、高速で堅牢なWebアプリやサイトの構築をサポートします。

ZeroWebはRustで実装された実験的なクロスプラットフォームブラウザプロジェクトであり、組み込み可能なZeroWebViewライブラリと完全なZeroBrowserアプリケーションを提供します。DOM、CSS、レンダリング、スクリプト実行環境、ストレージ、セキュリティなどのカーネル層を自前で開発しており、AI主導の開発手法を採用したエンジニアリング実験としての側面も持っています。

Simple Multi Apps - Kotlin は、ストップウォッチ、ゲーム、PDF リーダー、ビデオプレーヤーなど、さまざまなツールをモジュール式に集めたオープンソースの Android アプリケーションです。

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

esbuildは、Goで構築された極めて高速なJavaScriptバンドラーで、JavaScript、CSS、TypeScript、JSXをネイティブサポートし、ESMとCommonJSのバンドル、ツリーシェイキング、圧縮、ソースマップ、ローカルサーバー、ウォッチモード、プラグインを提供します。

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

HyperはオープンWeb標準に基づいて構築されたオープンソースのターミナルエミュレータで、プラグインとテーマを使った拡張可能でカスタマイズ可能なコマンドライン体験を提供します。

Parcel は、HTML、CSS、JavaScript および多くのアセットタイプをゼロ設定でサポートするウェブビルドツールで、組み込みの開発サーバー、ホットリロード、Rust ベースのコンパイル、キャッシュ、自動本番最適化を備えています。

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

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