Base UI 上の Material Design 3

ライブデモ

右下のパレット FAB からテーマカラーを切り替えられます。

次のステップ

• 導入 インストール、CSS 配線、ThemeProvider の設定手順。
• テーマ・動的配色 seed / scheme / contrast / mode による M3 動的配色。
• コンポーネント Button、TextField、Dialog など全 API リファレンス。
• スタイリングエンジン Tailwind v4 と vanilla-extract の選び方と違い。

クイックインストール

bun add @m3-baseui/react-tailwind @m3-baseui/tokens react react-dom @base-ui/react tailwindcss

詳しくは 導入ガイド を参照してください。