CompoMo(@ds-mo/ui)はフレームワーク非依存のStencil.js Webコンポーネントライブラリ。TokoMoデザイントークンでスタイリングされ、Angular/React/VueアダプターとMCPメタデータサーバーを同梱する。
オープンソース。新しい可能性。
優れたオープンソースプロジェクトを見つけ、匿名でプロジェクトを投稿し、自分のプロジェクトを申請して編集できます。
好奇心とともに、オープンソースの世界へ。
THE FIRST COLLECTIONNaive UIは、TypeScriptで記述された90以上のtree-shakableなコンポーネントを備えるVue 3コンポーネントライブラリです。CSSインポート不要の型安全なテーマシステムを提供し、データコンポーネントは高速化のためデフォルトで仮想リストを使用します。
Tailgridsは、Tailwind CSSで構築されたオープンソースのReact UIコンポーネントライブラリです。100以上のプロダクション対応コピー&ペーストコンポーネントに加え、UIブロックやテンプレートを提供し、TypeScript、アクセシビリティ、ダークモード、CLIインストーラーをサポートしています。
Radix Themesは、WorkOSがメンテナンスする、高速な開発、容易なメンテナンス、およびアクセシビリティに焦点を当てたオープンソースのReactコンポーネントライブラリです。
MudBlazorは、最小限のJavaScriptでC#のみで記述されたBlazor向けMaterial Designコンポーネントフレームワークです。.NET開発者がCSSに悩まされることなく迅速にウェブアプリを構築できるよう、ドキュメントや例、頻繁なリリースを提供しています。
ZenUI Library Reactは、ReactとTailwind CSSで構築されたオープンソースのUIコンポーネントライブラリです。800以上のコンポーネント、20以上のテンプレート、100以上のアニメーションコンポーネント、500以上のアイコンとカラーツールを提供し、コードスニペットをコピーしてプロジェクトに導入します。
Arco Design Vue は、Arco Design システムに基づいて構築された包括的な Vue 3 UI コンポーネントライブラリで、すぐに使える 60 以上の TypeScript コンポーネント、カスタマイズ可能なテーマトークン、および @arco-design/web-vue という名前の npm パッケージを提供しています。
React, Vue, Angular, Ember, Web Components, Rails, Astroなどのフレームワーク別に整理された、UIコンポーネントライブラリとデザインシステムの厳選リスト。特殊用途ライブラリやツール、スタイルガイド、コミュニティリソースも網羅しています。
IBMのオープンソースCarbon Design Systemを実装したSvelteコンポーネントライブラリ。90以上のアクセシブルで完全な型定義を持つコンポーネント、5つの組み込みテーマ、およびアイコン、ピクトグラム、チャートのパッケージを提供します。
OrugaはVue.js 3向けの軽量UIコンポーネントライブラリ。BootstrapやTailwindCSSなどCSSフレームワークに依存せず、クラスマッピング設定によるカスタマイズ、tree-shaking対応、公式テーマ、SFCやNuxtでの使い方が特徴。MITライセンスでベータ版。
Bezier Reactは、Bezierデザインシステムを実装したReactコンポーネントライブラリを中心に、アイコン、デザイントークン、codemod、Figmaプラグイン、Stylelintパッケージを含むモノレポです。
Better Designは、AIコーディングエージェントにデザインシステム、セマンティックCSSトークン、UI原則、WCAG準拠のレビュールールなどを提供するオープンソースのMCPサーバーおよびshadcn/uiレジストリです。31のテーマを搭載し、Claude CodeやCursorなどのMCPクライアントと連携します。
Radix Primitivesは、アクセシビリティ、カスタマイズ性、開発者体験に重点を置いた、アクセシブルなデザインシステムやウェブアプリ構築のためのオープンソースの低レベルUIコンポーネントライブラリです。WorkOSによってメンテナンスされており、MITライセンスで提供されています。
Sketchbook UIは、手描き・ノート風のビジュアルを持つReactコンポーネントライブラリ。20のTypeScript製コンポーネント(Form/データ表示/フィードバック/ナビゲーション)、手描きSVGボーダー、紙テクスチャ、CSSインポートとSketchProviderによるセットアップ、70kB未満(gzip)のツリーシェイク対応バンドルを特徴とする。
GlassKitは、iOS 26のLiquid Glassにインスパイアされたグラスモーフィズム外観を持つ、依存関係のないCSSコンポーネントライブラリです。テーマ、デザイントークン、ユーティリティクラス、およびShadow DOM用のConstructable Stylesheetを提供します。
Element Plusは、TypeScriptで記述されComposition APIをサポートするVue 3向けのオープンソースUIコンポーネントライブラリです。2022年2月の初版リリース以降APIは安定しており、Element UIからの移行ツールも提供されています。
react-mdは、Material Designガイドラインに基づきSassで構築されたアクセシブルなReactコンポーネントライブラリです。TypeScriptで記述され、CSS変数によるテーマ設定やライト/ダークモード、RTL言語をサポートしています。
React Bits は、165 以上のアニメーション付きインタラクティブな React コンポーネントを提供するオープンソース ライブラリで、視覚的に魅力的なウェブサイトの構築を支援します。テキスト アニメーション、背景、UI 要素、無料のクリエイティブ ツールが含まれています。
FASTは、Microsoftによる最新のWeb向け適応型インターフェースシステムで、標準準拠のWeb Componentsを構築するための軽量フレームワークと、Fluentデザインのコンポーネントライブラリを提供します。
Reka UI(旧Radix Vue)はVue向けのオープンソースでアクセシブルなUIコンポーネントライブラリ。スタイリングなしのプリミティブを提供し、高品質なデザインシステムやWebアプリ構築を支援する。