Repolode
投稿する
mui

mui/base-ui

独自のデザインシステム構築に使える、アクセシブルなUIプリミティブを備えたスタイルなしのReactコンポーネントライブラリ。

GitHub で見る公式サイト
スター
11,193
フォーク
582
未解決の Issue
429
最終コミット
6 時間前

これは何？

Base UIは、ユーザーインターフェースを構築するためのスタイルなしのReactコンポーネントライブラリです。コンポーネントが振る舞い、アクセシビリティ、状態管理を担い、見た目のスタイリングはすべて開発者が行うため、どのようなデザインシステムやCSSの手法にも組み込めます。

Radix、Floating UI、Material UIを手がけるチームが開発しており、既成のビジュアルテーマを採用せずに、アクセシブルでインタラクティブな要素を使いたい開発者を対象としています。ドキュメント、クイックスタートガイド、リリースノートはbase-ui.comで公開されています。

このプロジェクトはTypeScriptで書かれており、MITライセンスで配布されています。リポジトリには、修正の提案や変更のビルド・テスト方法を説明したコントリビューションガイドも含まれています。

主な機能

  • 01見た目のデザインをすべて開発者に委ねる、スタイルなしのコンポーネント。
  • 02WAI-ARIAのパターンに準拠したアクセシビリティ機能を標準搭載。
  • 03Reactアプリケーション向けにTypeScriptで実装。
  • 04独自のデザインシステムに組み合わせやすい設計。

ユースケース

  • スタイリングを完全に自分で管理しながら、独自のデザインシステムを構築する。
  • 既成テーマを使わずに、アクセシブルなダイアログ、メニュー、フォームコントロールをReactアプリに追加する。
  • 一貫した振る舞いを維持しながら、スタイル付きコンポーネントライブラリから移行する。

クイックスタート

  1. 1

    ドキュメントでBase UIのクイックスタートガイドを読む

  2. 2

    リリースページで最新の更新を確認する

トピック

#react#ui-components#accessibility#design-system#headless-ui#typescript#base-ui#components#react-components#ui

よくある質問

base-ui とは？
独自のデザインシステム構築に使える、アクセシブルなUIプリミティブを備えたスタイルなしのReactコンポーネントライブラリ。 Base UIは、ユーザーインターフェースを構築するためのスタイルなしのReactコンポーネントライブラリです。コンポーネントが振る舞い、アクセシビリティ、状態管理を担い、見た目のスタイリングはすべて開発者が行うため、どのようなデザインシステムやCSSの手法にも組み込めます。
base-ui は無料で使えますか？ライセンスは？
base-ui は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
base-ui は今もメンテナンスされていますか？
活発にメンテナンス中。base-ui の最終コミットは 2026年10月21日 です。
base-ui は何に使えますか？
スタイリングを完全に自分で管理しながら、独自のデザインシステムを構築する。 既成テーマを使わずに、アクセシブルなダイアログ、メニュー、フォームコントロールをReactアプリに追加する。 一貫した振る舞いを維持しながら、スタイル付きコンポーネントライブラリから移行する。
base-ui のインストール方法は？
ドキュメントでBase UIのクイックスタートガイドを読む リリースページで最新の更新を確認する
base-ui はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/mui/base-ui

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト