OSS探訪GitHubでログイン

Vue 3のform・table・navigationを共通component setで揃える

スコアの見方

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

Stars
27,795
主要言語
TypeScript
ライセンス
MIT
リポジトリ最終更新
2026/10/05
ページ内ナビ

概要

Element Plus 2.14.7はVue 3向けのUI component libraryです。form、data display、navigation、overlayなどのUIをまとめて提供し、TypeScript type、ESM/CJS build、theme-chalk styleをpackageから利用できます。

特徴と向いている用途

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

主な特徴

Vue 3向けの共通UI componentを一つのlibraryから導入する

READMEはElement PlusをVue 3 component libraryとして位置付け、formやdata-oriented UIを含む広いcomponent setを提供しています。

出典:[1]

ESM/CJS・型定義・theme styleをpackage exportから利用する

package metadataはES module、CommonJS、TypeScript型、theme-chalk CSSを公開し、bundlerやTypeScript projectへ組み込みやすい構成です。

出典:[2]

向いている用途

Vue 3の管理画面・業務画面でformとdata UIを統一したい場合に向く

Input、Select、Date/Time、Table、Dialogなどを共通化し、application固有のbusiness logicへ実装時間を寄せたいteamに適します。

出典:[1][2]

導入前の確認

Vue ^3.3.7をpeer dependencyとして要求する

Element Plusのpackage metadataはVue ^3.3.7をpeer dependencyとして定義しています。既存Vue projectではlockfile上の解決versionを確認してから導入してください。

出典:[2]

2.14.7はTimePickerとImageViewerなどのbehaviorを修正する

2.14.7ではTimePicker clear時にchangeが二重発火する問題の修正や、ImageViewerへのgrab cursor改善などが含まれます。該当componentを使う画面ではevent回数やinteractionの回帰を確認できます。

出典:[3]

参考にした公式資料

  1. [1]Element Plus 2.14.7 README(2026-10-05)
  2. [2]Element Plus package metadata at 2.14.7(2026-10-05)
  3. [3]Element Plus 2.14.7 release(2026-10-05)
  4. [4]Element Plus MIT license(2026-10-05)
編集部からの補足

Element Plus package metadataはVue ^3.3.7をpeer dependencyとして要求します。Element UIからの移行時はbreaking change一覧とmigration guidanceも確認してください。

3ステップで試す

  1. 1

    Element Plus 2.14.7とVue 3.5.43を固定して導入する

    一時npm projectへreview対象のElement Plusと互換Vueを固定して導入します。

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

    package versionを確認する

    npm packageがreview対象versionで解決されていることを確認します。

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

    peer dependency treeを確認する

    Vue peer dependencyの不足やversion競合がないことを確認します。

    npm ls element-plus vue
公式READMEで確認

成長

成長の推移 · 直近30日

27,795 Stars

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

開発アクティビティ

直近90日・週次

Commit(直近30日)
61
Open PR
279

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

Built with

カテゴリとタグ

GitHubデータ

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

GitHub Topics

  • vuejs
  • component-library
  • element-ui
  • vue
  • vue-components
  • element-plus
Stars
27,795
Forks
19,822
Watchers
212
Open Issues
885
Contributors
414
所有者種別
Organization
主要言語
TypeScript
ライセンス
MIT
リポジトリ最終更新
2026/10/05

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

情報の誤りを報告

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

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