はじめに
※ この文章はベータ版です。
コンポーネント集
Tailwind CSS ベース
Reka UI ← Radix Vue
Radix Primitives の Vue.js 非公式ポート?
最新バージョン: 2.6.1
Nuxt UI
Tailwind CSS & Reka UIベースのコンポーネント集。
最新バージョン: 4.3.0
shadcn/vue
shadcn/ui の の Vue.js 非公式ポート。
Tailwind CSS & Reka UIベース。
最新バージョン: 2.4.1
Vue Bits
Tailwind CSS ベースのコンポーネント集
Inspira UI
Tailwind CSS ベースのコンポーネント集
最新バージョン: 2.0.0
UI Thing
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
最新バージョン: ???
Headless UI
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
最新バージョン: 1.7.23
Vueless UI
Tailwind CSS ベースのコンポーネント集
最新バージョン: 1.3.5
Stellar UI
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
最新バージョン: 0.2.1
Storefront UI
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
最新バージョン: 3.1.0
Indie Layer UI
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
最新バージョン: 1.15.3
Euqal UI
Tailwind CSS ベースのコンポーネント集。
最新バージョン: 0.93.0
マテリアル・デザイン
Vuetify
マテリアル・デザインを採用したコンポーネント集。
汎用のCSSフレームワークを採用しておらず、
自前の CSS(フレームワーク?)を採用。
(内部的には、ソースコードレベルでCSSファイルとして
分離しています。)
最新バージョン: 3.11.5
Quasar Framework
マテリアル・デザインを採用したコンポーネント集。
汎用のCSSフレームワークを採用しておらず、
自前の CSS(フレームワーク?)を採用。
(内部的には、ソースコードレベルでCSSファイルとして
分離しています。)
最新バージョン: 2.18.6
BalmUI
マテリアル・デザインを採用したコンポーネント集。
最新バージョン:10.31.2
複数CSSフレームワーク対応
PrimeVue
複数のCSSフレームワーク対応のコンポーネント集。
CSSフレームワークへの対応は、テーマの形で分離されている模様。
現在、Bootstrap / TailwindCSS / Material の テーマが提供されています。
最新バージョン: v4.5.0
Volt
PrimeVue ベースの UI コンポーネントライブラリ
Bootstrap ベース
BootstrapVueNext
Bootstrap5 (CSSフレームワーク)ベースのコンポーネント集。
最新バージョン: 0.40.9
Bulmaベース
Buefy
Bulma (CSSフレームワーク)ベースの
コンポーネント集。
3.0.0 以降、Bulma 1.0.xベース、
1.0.2 以前、Bulma 0.9.4ベース、
となっています。
原作者により、Vue 3.x に対応しないことが宣言→
PJのリーダー?が交代し、下記リポジトリ(公式フォーク)にて3.x対応が開始 → リリース
最新バージョン: v3.0.3
UnoCSS ベース
Oku Primitives
UnoCSS (CSSライブラリ)ベースのコンポーネント集
最新バージョン: v0.7.8
Onu UI (WIP)
UnoCSS (CSSライブラリ)ベースのコンポーネント集
最新バージョン: v1.1.5
Una UI
UnoCSS (CSSライブラリ)ベースのコンポーネント集
最新バージョン: v0.66.0
独自デザイン
Element Plus
独自デザイン?を採用したコンポーネント集。
Element UI (Vue.js2.x用)の後継。
gogo code migration tool というElement UIからの
移行補助ツールがあります。
最新バージョン: v2.11.9
Maz-UI
独自デザイン?を採用したコンポーネント集。
他のコンポーネント集とコンフリクトすることなしに使える模様。
最新バージョン: 4.3.2
Orion
独自デザイン?を採用したコンポーネント集。
最新バージョン: 2.1.2
Vuestic UI
独自デザイン?を採用したコンポーネント集。
他のコンポーネント集とコンフリクトすることなしに使える模様。
最新バージョン: v1.10.3
Ionic Framework
独自デザイン?を採用したコンポーネント集。
最新バージョン: 8.7.16
BEEQ Design System
独自デザイン?を採用したコンポーネント集。
最新バージョン: 1.11.2
onyx
独自デザイン?を採用したコンポーネント集。
最新バージョン: 1.5.0
Shopify Polaris Vue
独自デザイン?を採用したコンポーネント集。
最新バージョン: 2.1.33
Inkline
独自デザイン?を採用したコンポーネント集。
最新バージョン: 4.7.2
Roughness
手書き風独自デザイン?を採用したコンポーネント集。
最新バージョン: 0.2.0
Quail UI
独自デザイン?を採用したコンポーネント集。
最新バージョン: 0.5.69
Onsen UI
独自デザイン?を採用したコンポーネント集。
最新バージョン: 2.12.8
デジタル庁デザインシステム Vue.js
デジタル庁が公開しているデザインシステムのVue.js実装
最新バージョン: 0.0.2-beta?
CSSフレームワーク非依存
Vuetify 0
特定のCSSフレームワークに依存しない?コンポーネント集。
Vuetifyの基盤として開発中。
最新バージョン:pre-1.0?
Ark UI
特定のCSSフレームワークに依存しない?コンポーネント集。
最新バージョン: 5.29.0
Park UI
Ark UIベース & 特定のCSSフレームワークに依存 しない?
コンポーネント集。
現在のバージョン: 0.43.1
NuxtLego
特定のCSSフレームワークに依存しない?コンポーネント集。
最新バージョン: 0.0.14
Oruga
特定のCSSフレームワークに依存しないコンポーネント集。
CSSフレームワークへの対応は、テーマの形で分離されています。
現在、Bulmaテーマ、Bootstrapテーマ、Orugaテーマが
提供されています。
Buefy の作者による Buefy の後継プロジェクト。
最新バージョン: v0.12.2
VueTailwind
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
現在のバージョン: 未対応 (v3.x で対応予定)
BootstrapVue
Bootstrap4 (CSSフレームワーク)ベースのコンポーネント集。
現在のバージョン: 未対応(対応なし)
リンク
番外: UIコンポーネント集 (CSS(& Vanilla JS))
TailwindCSS ベース
daisyUI
Tailwind CSS ベースのコンポーネント集。
最新バージョン: 5.5.8
Basecoat
Tailwind CSS ベースの shadcn/ui を意識したコンポーネント集。
最新バージョン: 0.3.3
Flowbite
Tailwind CSS ベースのコンポーネント集。
最新バージョン: 3.1.2
最新バージョン: 0.2.2
Preline UI
最新バージョン: 3.2.3
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
Sailboat UI
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
現在のバージョン: 不明 (0.1.1?)
Mamba UI
Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。
現在のバージョン: 不明 (0.2.1?)