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

Saas UIは、Chakra UIをベースに構築されたSaaS製品向けのデザインシステムおよびソースコンポーネントレジストリです。Chakraプリセット、CLIによる編集可能なコンポーネント、フック、フォーム、認証、モーダルパッケージに加え、ドキュメントやStorybook、例を提供します。

coss.com/uiはCal.comの公式デザインシステムであり、Base UIをベースにTailwind CSSでスタイリングされたReactコンポーネントのTypeScriptモノレポです。コピー＆ペーストして利用することを前提としており、ドキュメントサイトやOrigin UIのスナップショットが含まれています。

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

GitLabのPajamas Design SystemをReactに移植したコンポーネントライブラリ。デザイントークンやGlButtonなどの基本コンポーネントを提供していますが、現在も活発に開発中です。

UI Layoutsは、Tailwind CSSやMotionに対応したクリエイティブなWebインターフェース構築向けのオープンソースコンポーネントライブラリ。

TanStack Tableは、ヘッドレスでフレームワークに依存しないUIライブラリであり、強力なテーブルやデータグリッドを構築するためのものです。React、Vue、Solid、Svelte、Angularなどに対応し、マークアップ、スタイル、動作を完全に制御でき、ソート、フィルタリング、グループ化、行選択などの機能を備えています。

JavaScriptフレームワーク、Webコンポーネント、React/Vue/Angular向けUIライブラリ、モバイルUI、管理画面テンプレート、アイコンライブラリをまとめた「awesome」リストです。

BraidはSEEK Groupのテーマ変更可能なデザインシステムであり、Reactコンポーネントライブラリとして提供されています。Vanilla Extractによるスタイリング、BraidProvider、およびskuベースのプロジェクト向けセットアップガイドを提供します。

Autumn Noteは、依存関係ゼロのWYSIWYGリッチテキストエディタで、バニラJavaScriptで書かれています。フォーマット、テーブル、メディア、Markdownショートカット、i18n、ダークモード、アクセシビリティ、React/Vueラッパーをサポートしています。

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

Gridstack.jsは、レスポンシブでドラッグ＆ドロップ対応のダッシュボードを構築できるモダンなTypeScriptライブラリです。Angular、React、Vueなど主要フレームワークと連携し、モバイル対応・拡張性も備えます。

Headless UIは、Tailwind CSSとの統合を想定して設計された、スタイルなしで完全なアクセシビリティを備えたReactおよびVue向けUIコンポーネントを提供します。詳細はheadlessui.comで確認できます。

Rechartsは、D3をベースに構築されたReact用のオープンソースチャートライブラリです。宣言的で構成可能なコンポーネントを提供し、ネイティブSVGとしてレンダリングされます。npm、Deno、UMD経由でインストール可能です。

React SuiteはWebアプリケーション構築向けのReact UIコンポーネントライブラリです。主要ブラウザおよびNext.jsを用いたサーバーサイドレンダリングに対応し、npmなどのパッケージマネージャーによるインストールや、フレームワーク固有の導入ガイドを提供しています。

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

Magic UIは、デザインエンジニアがアプリケーションにコピー＆ペーストして利用できる、アニメーションコンポーネントとエフェクトを提供するオープンソースのUIライブラリです。

PrimeReactはメンテナンスモードに移行しました。リポジトリはセキュリティ修正のみとなり、今後の積極的な開発はPrimeUIへ移行します。なお、以前に公開されたMITライセンスのリリースは永続的にMITのまま維持されます。

Tailgridsは、Tailwind CSSで構築されたオープンソースのReact UIコンポーネントライブラリです。100以上のプロダクション対応コピー＆ペーストコンポーネントに加え、UIブロックやテンプレートを提供し、TypeScript、アクセシビリティ、ダークモード、CLIインストーラーをサポートしています。

Chakra UIは、アクセシブルなウェブアプリやSaaS製品を迅速に構築するためのオープンソースのReactコンポーネントシステムです。Next.js RSCをサポートし、MITライセンスで提供されています。

Lightswind UIは、CLIを通じてソースコードとして配布される英語ドキュメント付きのReactコンポーネントライブラリです。160以上のアニメーション付きアクセシブルなコンポーネントとAIコーディングツール用MCPサーバーを提供し、コア部分はMITライセンス、一部はProコンテンツとして提供されています。