9
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

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

Last updated at Posted at 2022-04-02

はじめに

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

コンポーネント集

Tailwind CSS ベース

Reka UI ← Radix Vue

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

最新バージョン: 2.5.0

Nuxt UI

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

最新バージョン: 4.0.0

shadcn/vue

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

Tailwind CSS & Reka UIベース。

最新バージョン: 2.2.0

Inspira UI

Tailwind CSS ベースのコンポーネント集

最新バージョン: 2.0.0

Headless UI

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

最新バージョン: 1.7.23

Vueless UI

Tailwind CSS ベースのコンポーネント集

最新バージョン: 1.2.8

Stellar UI

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

最新バージョン: 0.2.1

Euqal UI

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

最新バージョン: 0.93.0

Float UI

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

現在のバージョン: 未対応(開発中)

マテリアル・デザイン

Vuetify

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

最新バージョン: 3.10.3

Quasar Framework

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

最新バージョン: 2.18.5

BalmUI

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

最新バージョン:10.31.2

複数CSSフレームワーク対応

PrimeVue

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

最新バージョン: v4.3.9

Volt

PrimeVue ベースの UI コンポーネントライブラリ

Bootstrap ベース

BootstrapVueNext

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

最新バージョン: 0.40.4

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

独自デザイン

Element Plus

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

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

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

最新バージョン: v2.11.3

Maz-UI

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

最新バージョン: 4.1.6

Orion

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

最新バージョン: 2.1.0

Vuestic UI

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

最新バージョン: v1.10.3

Quail UI

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

最新バージョン: 0.5.59

Onsen UI

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

最新バージョン: 2.12.8

CSSフレームワーク非依存

Ark UI

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

最新バージョン: 5.25.0

Park UI

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

現在のバージョン: 0.43.1

NuxtLego

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

最新バージョン: 0.0.14

Oruga

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

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

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

最新バージョン: v0.11.6

VueTailwind

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

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

BootstrapVue

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

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

リンク

番外: UIコンポーネント集 (CSS(& Vanilla JS))

TailwindCSS ベース

daisyUI

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

最新バージョン: 5.1.14

Basecoat

Tailwind CSS ベースの shadcn/ui を意識したコンポーネント集。

最新バージョン: 0.3.2

Flowbite

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

最新バージョン: 3.1.2

最新バージョン: 0.2.1

Preline UI

最新バージョン: 3.2.3

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

Sailboat UI

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

現在のバージョン: 不明 (0.1.1?)

Mamba UI

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

現在のバージョン: 不明 (0.2.1?)

9
9
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
9
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?