LoginSignup
6
6

Vue.js 3 対応 コンポーネント集s

Last updated at Posted at 2022-04-02

はじめに

※ この文章はベータ版です。

コンポーネント集

BootstrapVueNext

Bootstrap5 (CSSフレームワーク)ベースのコンポーネント集。

現在のバージョン: 0.16.1 (Vue3.x 対応済み)

Vuetify

マテリアル・デザインを採用したコンポーネント集。
汎用のCSSフレームワークを採用しておらず、
自前の CSS(フレームワーク?)を採用。
(内部的には、ソースコードレベルでCSSファイルとして
分離しています。)

現在のバージョン: 3.5.8 (Vue3.x 対応済)

Headless UI

Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。

現在のバージョン: 1.7.19 (v3.x 対応済み)

Nuxt UI

Headless UI & Tailwind CSSベースのコンポーネント集。

現在のバージョン: 2.14.0 (v3.x 対応済み)

Radix Vue

Radix Primitives の Vue.js 非公式ポート。

現在のバージョン: 1.4.2 (Vue3.x 対応済)

shadcn-vue

shadcn/ui の の Vue.js 非公式ポート。

現在のバージョン: 0.9.0 (Vue3.x 対応済)

Element Plus

独自デザイン?を採用したコンポーネント集。

Element UI (Vue.js2.x用)の後継。

gogo code migration tool というElement UIからの
移行補助ツールがあります。

現在のバージョン: v2.6.1 (Vue3.x 対応済み)

PrimeVue

複数のCSSフレームワーク対応のコンポーネント集。
CSSフレームワークへの対応は、テーマの形で分離されている模様。
現在、Bootstrap / TailwindCSS / Material の テーマが提供されています。

現在のバージョン: v3.48.1 (Vue3.x 対応済み)

Vuestic UI

独自デザイン?を採用したコンポーネント集。
他のコンポーネント集とコンフリクトすることなしに使える模様。

現在のバージョン: v1.8.8 (Vue3.x 対応済み)

BalmUI

マテリアル・デザインを採用したコンポーネント集。

現在のバージョン:10.26.0 (Vue3.x 対応済)

Euqal UI

Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。

現在のバージョン: 0.93.0 (Vue3.x 対応済み)

Oku Primitives

UnoCSS (CSSライブラリ)ベースのコンポーネント集

現在のバージョン: v0.6.1 (Vue3.x 対応済み)

Chakra UI Vue (WIP)

独自デザイン?を採用したコンポーネント集。
開発中。

現在のバージョン: v2.1.0-beta.11 (Vue3.x 対応済)

Quail UI

独自デザイン?を採用したコンポーネント集。

現在のバージョン: 0.2.54 (Vue3.x 対応済)

Ark UI

特定のCSSフレームワークに依存しない?コンポーネント集。

現在のバージョン: 0.11.0 (Vue3.x 対応済)

Park UI

Ark UIベース & 特定のCSSフレームワークに依存 しない?
コンポーネント集。

現在のバージョン: 0.34.0 (Vue3.x 対応済)

NuxtLego

特定のCSSフレームワークに依存しない?コンポーネント集。

現在のバージョン: 0.0.14 (Vue3.x 対応済)

Anu

UnoCSS (CSSライブラリ)ベースのコンポーネント集

現在のバージョン: v1.0.14-beta.2 (Vue3.x 対応済み)

現在のバージョン: 0.15.2 (Vue3.x 対応済)

Onu UI (WIP)

UnoCSS (CSSライブラリ)ベースのコンポーネント集

現在のバージョン: v1.0.14-beta.2 (Vue3.x 対応済み)

Oruga

特定のCSSフレームワークに依存しないコンポーネント集。

CSSフレームワークへの対応は、テーマの形で分離されています。
現在、Bulmaテーマ、Bootstrapテーマ、Orugaテーマが
提供されています。

Buefy の作者による Buefy の後継プロジェクト。

現在のバージョン: v0.8.3 (Vue3.x 対応済)

Onsen UI

独自デザイン?を採用したコンポーネント集。

現在のバージョン: 2.12.8 (v3.x 対応済み)

Buefy

Bulma (CSSフレームワーク)ベースのコンポーネント集。

原作者により、Vue 3.x に対応しないことが宣言されていましたが、
PJのリーダー?が交代し、下記リポジトリ(公式フォーク)にて3.x対応
が進行中です。

現在のバージョン: v0.1.2-next (開発中)

VueTailwind

Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。

現在のバージョン: 未対応 (v3.x で対応予定)

BootstrapVue

Bootstrap4 (CSSフレームワーク)ベースのコンポーネント集。

現在のバージョン: 未対応(対応なし)

リンク

番外:

コンポーネント集 (CSS)

daisyUI

Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。

Sailboat UI

Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。

Preline UI

Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。

Mamba UI

Tailwind CSS (CSSフレームワーク)ベースのコンポーネント集。

6
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
6