コンテンツへスキップ

Radix Vueは、Radix UIの非公式Vue移植版です。アクセシビリティを重視した、カスタマイズ可能でスタイルのないUIライブラリとして設計されており、高品質なデザインシステムの構築に適しています。

このライブラリには、アコーディオン、ダイアログ、メニューなど、さまざまなコンポーネントが含まれています。アクセシビリティ基準を損なうことなく、堅牢なユーザーインターフェースを構築するために必要なツールを開発者に提供します。各コンポーネントは柔軟にカスタマイズでき、機能の一貫性を保ちながら、プロジェクトに合わせた独自のデザインを適用できます。

Radix Vueはフレームワークの基盤にアクセシビリティを組み込み、WAI-ARIAガイドラインへの準拠を支援します。フォーカスや閉じる動作などをコンポーネント側でスムーズに管理し、さまざまな場面でユーザー体験を向上させます。

機能

  • スタイルなしのコンポーネント
  • カスタマイズ可能なデザイン
  • アクセシビリティ機能を標準搭載
  • Popover、Dialog、Menuなど、さまざまなコンポーネントに対応
  • コンポーネントの動作を柔軟に設定できるprops
  • フォーカスの管理とカスタマイズ
  • スタイルを細かく制御

関連項目

PrimeVue

Vue.jsアプリケーションをスムーズかつ効率的に構築するための、豊富なオープンソースUIコンポーネント集です。

Radix Primitives

高品質なウェブアプリやデザインシステムのための、スタイルなしでアクセシブルなオープンソースのReactプリミティブです。

shadcn-vue

最新のウェブアプリケーション向けに設計された、見た目に優れ、アクセシブルなコンポーネントライブラリを構築するための多機能なツールです。

BaseUI

アクセシブルで高度にカスタマイズ可能なインターフェースを、スタイルを完全に制御しながら構築できる、ヘッドレスでスタイルなしのReactコンポーネントです。

ArkUI

このオープンソースのUIソリューションでは、カスタマイズ可能なコンポーネントを使って高度なデザインシステムを作成できます。さまざまなビジュアルスタイルやアクセシビリティ基準に合わせて調整できます。

ChakraUI

使いやすく高度にカスタマイズ可能な基本コンポーネントを豊富に備え、アクセシブルなウェブアプリケーションをすばやく効率的に作成できます。

HeadlessUI

最新のデザインシステムとスムーズに連携する、アクセシブルなUIコンポーネント集です。

MaterialUI

Reactでユーザーインターフェースを構築するための充実したツールセットを提供し、柔軟性とデザイン基準への準拠を重視しています。