OSS探訪GitHubでログイン

80以上のVue UI component、theme、unstyled構成を一つのlibraryで揃える

スコアの見方

OSS規模スコアはStars・Watchers・Forks・Contributorsを対数圧縮して重み付けした現在の規模指標(上限なし)です。発掘スコアは現在のOSS規模スコアから発掘時点のOSS規模スコアを引いた値、更新ペースは直近30日Commit数、成長モメンタムは直近の観測期間におけるOSS規模スコア差、OSS健全度は取得できた更新状況・Community Health・Releaseの0〜100評価です。

Stars
14,455
主要言語
Vue
ライセンス
MIT
リポジトリ最終更新
2026/09/24
ページ内ナビ

概要

PrimeVue 4.5.5はVue向けのUI component libraryです。Button、DataTable、DatePicker、Tree、Dialogなど多数のcomponentを個別exportし、theme packageやunstyled/pass-throughによる見た目の制御も組み合わせられます。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日:

主な特徴

80以上のUI componentを用途別package exportから利用する

package metadataは80以上のcomponentを掲げ、実際にButton、DataTable、DatePicker、Tree、Dialog、Menu、FileUploadなどを個別entry pointとして公開しています。

出典:[2]

themeとunstyled/pass-throughを使い分けてdesign systemへ合わせる

PrimeVue monorepoには@primevue/themesがあり、package metadataはunstyledとpassthroughを主要keywordとして示しています。既成themeを使う構成と、既存design systemへ寄せる構成を選べます。

出典:[2][1]

向いている用途

Vue 3の管理画面・業務画面で共通UIを短期間に揃えたい場合に向く

form、table、overlay、navigationなどの共通部品を自作する量を減らし、画面間で操作感と見た目を揃えたいfrontend teamに適します。

出典:[1][2]

導入前の確認

4.5.5のcore packageはVue 3.5以上を要求する

@primevue/core 4.5.5はVue ^3.5.0をpeer dependencyとして定義しています。既存projectへ追加する場合はVueの解決versionを先に確認してください。

出典:[3]

4.5.5はTimelineのsemantic markupをaccessibility向けに修正する

4.5.5ではTimeline componentをordered listへ変更するaccessibility修正が入っています。DOM構造へ依存するstyleやtestがある場合は更新時に回帰確認が必要です。

出典:[4]

参考にした公式資料

  1. [1]PrimeVue 4.5.5 README(2026-10-05)
  2. [2]PrimeVue 4.5.5 package metadata(2026-10-05)
  3. [3]@primevue/core 4.5.5 package metadata(2026-10-05)
  4. [4]PrimeVue 4.5.5 release(2026-10-05)
  5. [5]PrimeVue MIT license(2026-10-05)
編集部からの補足

PrimeVue 4.5.5の@primevue/coreはVue ^3.5.0をpeer dependencyとして要求します。Nuxt統合は@primevue/nuxt-moduleとして分離されています。

3ステップで試す

  1. 1

    PrimeVue 4.5.5とVue 3.5.43を固定して導入する

    一時npm projectへreview対象versionとtheme package、互換Vueを固定して導入します。

    demo=$(mktemp -d "${TMPDIR:-/tmp}/primevue.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact primevue@4.5.5 @primevue/themes@4.5.5 vue@3.5.43
  2. 2

    package versionを確認する

    PrimeVue、core、Vueが想定したversionで解決されていることを確認します。

    test "$(node -e "const fs=require('fs'); const v=p=>JSON.parse(fs.readFileSync(p)).version; console.log(v('node_modules/primevue/package.json')+'/'+v('node_modules/@primevue/core/package.json')+'/'+v('node_modules/vue/package.json'))")" = '4.5.5/4.5.5/3.5.43'
  3. 3

    dependency treeを確認する

    peer dependencyの不足や意図しないversion重複がないことを確認します。

    npm ls primevue @primevue/core @primevue/themes vue
公式READMEで確認

成長

成長の推移 · 直近30日

14,455 Stars

推移データを蓄積中です。

開発アクティビティ

直近90日・週次

Commit(直近30日)
3
Open PR
103

開発アクティビティを蓄積中です。

Built with

カテゴリとタグ

GitHubデータ

GitHubのデータGitHubの詳細データを見る

GitHub Topics

  • vue
  • vuejs
  • vue-components
  • vue-library
  • vue-ui-components
  • vue-datepicker
  • vue-component
  • vue-table
  • vue-datatable
  • vue-grid
  • vue-tree
  • vue-tree-table
Stars
14,455
Forks
1,780
Watchers
97
Open Issues
695
Contributors
400
所有者種別
Organization
主要言語
Vue
ライセンス
MIT
リポジトリ最終更新
2026/09/24

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

情報の誤りを報告

掲載内容に誤りや古い情報があればお知らせください。

このページを読んで、次に何をすればよいか分かりましたか?