アクセシブルで高度にカスタマイズ可能なインターフェースを、スタイルを完全に制御しながら構築できる、ヘッドレスでスタイルなしのReactコンポーネントです。
- GitHubスター数
- 5.2K
- 更新日
- Aug 17, 2025
- ライセンス
- MIT License
Vaul
Reactアプリケーションにスムーズに組み込める、スタイルのないドロワーコンポーネントです。モバイル端末でのユーザー操作を向上させます。
Vaulは、Reactアプリケーション向けに設計されたスタイルのないドロワーコンポーネントです。ダイアログの代替として、タブレットやモバイル端末での使用に最適化されています。柔軟性を重視して作られており、アプリケーションに合わせてドロワーの動作や見た目をカスタマイズできます。
主な機能のひとつは、ドロワーを開いたときに背景を拡大できることです。これにより、ユーザーはより没入感のある体験を得られます。ドロワーはプログラムから制御でき、Reactの状態管理を通じて開閉状態を管理できます。
Vaulは、Drawer.Root、Drawer.Trigger、Drawer.Content、Drawer.Overlayなど、明確に定義されたコンポーネントを備えたシンプルなAPIで、アプリケーションに整理された形で組み込めます。操作性を高めるスナップポイント、ドロワーのコンテナのカスタマイズ、閉じる操作を無効にするオプションなど、さまざまな機能に対応しています。
アプリケーションのデザインシステムと競合する可能性のあるスタイル付きコンポーネントに縛られず、レスポンシブでモバイルに適したドロワー機能を実装したい開発者に最適です。
使い方の詳しい例は、スクロール制御やカスタムスナップポイントなど、コンポーネントのさまざまな機能を紹介するCodeSandboxのインタラクティブなデモで確認できます。
機能
- スタイルのないドロワーコンポーネント
- モバイルとタブレット向けに最適化
- 背景の拡大
- カスタマイズ可能なスナップポイント
- 開閉状態をプログラムから制御
- 入れ子のドロワーに対応
- 柔軟なコンテンツ配置
- 描画用のカスタムポータル
関連項目
Vue.jsアプリケーションをスムーズかつ効率的に構築するための、豊富なオープンソースUIコンポーネント集です。
- GitHubスター数
- 11.0K
- 更新日
- Dec 6, 2024
- ライセンス
- MIT License
高品質なウェブアプリやデザインシステムのための、スタイルなしでアクセシブルなオープンソースのReactプリミティブです。
- GitHubスター数
- 16.0K
- 更新日
- Dec 6, 2024
- ライセンス
- MIT License
このオープンソースのUIソリューションでは、カスタマイズ可能なコンポーネントを使って高度なデザインシステムを作成できます。さまざまなビジュアルスタイルやアクセシビリティ基準に合わせて調整できます。
- GitHubスター数
- 3.9K
- 更新日
- Dec 6, 2024
- ライセンス
- MIT License
使いやすく高度にカスタマイズ可能な基本コンポーネントを豊富に備え、アクセシブルなウェブアプリケーションをすばやく効率的に作成できます。
- GitHubスター数
- 38.1K
- 更新日
- Dec 6, 2024
- ライセンス
- MIT License
React向けの包括的なコマンドメニューソリューションで、ユーザー体験と開発者の柔軟性の両方を重視しています。
- GitHubスター数
- 10.0K
- 更新日
- Dec 6, 2024
- ライセンス
- MIT License
コンテンツと使いやすさを重視し、手軽にドキュメントサイトを作成できるプロジェクトです。
- GitHubスター数
- 57.0K
- 更新日
- Dec 6, 2024
- ライセンス
- MIT License
ウェブプロジェクトを充実させ、デザインプロセスを効率化する、美しく設計された多用途なコンポーネント集です。