はじめに
※ この文章はベータ版です。
コンポーネント集
Tailwind CSS ベース
Nuxt UI
Headless UI & Tailwind CSSベースのコンポーネント集。
現在のバージョン: 3.1.3
Reka UI ← Radix Vue
Radix Primitives の Vue.js 非公式ポート。
現在のバージョン: 2.3.1
shadcn/vue
shadcn/ui の の Vue.js 非公式ポート。
現在のバージョン: 2.2.0
Inspira UI
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集
Headless UI
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
現在のバージョン: 1.7.23 (v3.x 対応済み)
Euqal UI
Tailwind CSS ベースのコンポーネント集。
現在のバージョン: 0.93.0 (Vue3.x 対応済み)
マテリアル・デザイン
Vuetify
マテリアル・デザインを採用したコンポーネント集。
汎用のCSSフレームワークを採用しておらず、
自前の CSS(フレームワーク?)を採用。
(内部的には、ソースコードレベルでCSSファイルとして
分離しています。)
現在のバージョン: 3.8.10 (Vue3.x 対応済)
BalmUI
マテリアル・デザインを採用したコンポーネント集。
現在のバージョン:10.31.1 (Vue3.x 対応済)
複数CSSフレームワーク対応
PrimeVue
複数のCSSフレームワーク対応のコンポーネント集。
CSSフレームワークへの対応は、テーマの形で分離されている模様。
現在、Bootstrap / TailwindCSS / Material の テーマが提供されています。
現在のバージョン: v4.3.5(Vue3.x 対応済み)
Volt
PrimeVue ベースの UI コンポーネントライブラリ
Bootstrap ベース
BootstrapVueNext
Bootstrap5 (CSSフレームワーク)ベースのコンポーネント集。
現在のバージョン: 0.30.1 (Vue3.x 対応済み)
UnoCSS ベース
Oku Primitives
UnoCSS (CSSライブラリ)ベースのコンポーネント集
現在のバージョン: v0.7.8 (Vue3.x 対応済み)
Onu UI (WIP)
UnoCSS (CSSライブラリ)ベースのコンポーネント集
現在のバージョン: v1.1.5 (Vue3.x 対応済み)
独自デザイン
Element Plus
独自デザイン?を採用したコンポーネント集。
Element UI (Vue.js2.x用)の後継。
gogo code migration tool というElement UIからの
移行補助ツールがあります。
現在のバージョン: v2.10.1 (Vue3.x 対応済み)
Vuestic UI
独自デザイン?を採用したコンポーネント集。
他のコンポーネント集とコンフリクトすることなしに使える模様。
現在のバージョン: v1.10.3 (Vue3.x 対応済み)
Quail UI
独自デザイン?を採用したコンポーネント集。
現在のバージョン: 0.5.45 (Vue3.x 対応済)
CSSフレームワーク非依存
Ark UI
特定のCSSフレームワークに依存しない?コンポーネント集。
現在のバージョン: 5.13.0 (Vue3.x 対応済)
Park UI
Ark UIベース & 特定のCSSフレームワークに依存 しない?
コンポーネント集。
現在のバージョン: 0.43.1 (Vue3.x 対応済)
NuxtLego
特定のCSSフレームワークに依存しない?コンポーネント集。
現在のバージョン: 0.0.14 (Vue3.x 対応済)
Oruga
特定のCSSフレームワークに依存しないコンポーネント集。
CSSフレームワークへの対応は、テーマの形で分離されています。
現在、Bulmaテーマ、Bootstrapテーマ、Orugaテーマが
提供されています。
Buefy の作者による Buefy の後継プロジェクト。
現在のバージョン: v0.10.6 (Vue3.x 対応済)
Onsen UI
独自デザイン?を採用したコンポーネント集。
現在のバージョン: 2.12.8 (v3.x 対応済み)
Buefy
Bulma (CSSフレームワーク)ベースのコンポーネント集。
原作者により、Vue 3.x に対応しないことが宣言→
PJのリーダー?が交代し、下記リポジトリ(公式フォーク)にて
3.x対応が開始 → 停滞 → 下記リポジトリのアーカイブ
(2025/06/02)。
現在のバージョン: v0.2.0-next (開発終了)
VueTailwind
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
現在のバージョン: 未対応 (v3.x で対応予定)
BootstrapVue
Bootstrap4 (CSSフレームワーク)ベースのコンポーネント集。
現在のバージョン: 未対応(対応なし)
リンク
番外: コンポーネント集 (CSS)
TailwindCSS ベース
daisyUI
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
Flowbite
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
Preline UI
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
Sailboat UI
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
Mamba UI
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。