# Element Plus A Vue 3 Based Component Library

> Element Plus - A Vue 3 based component library documentation and resources. Use this skill when working with Element Plus - A Vue 3 based component library or when the user mentions element plus - a vue 3 based component library.

- Skill: `hk-vk/element-plus-a-vue-3-based-component-library` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add hk-vk/element-plus-a-vue-3-based-component-library`
- Raw SKILL.md: https://api.skillmd.com/api/skills/hk-vk/element-plus-a-vue-3-based-component-library/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: hk-vk (https://skillmd.com/u/hk-vk)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/hk-vk/element-plus-a-vue-3-based-component-library

---


# Element Plus - A Vue 3 based component library

## Available Resources

### Documentation

- **Changelog**
  - URL: https://element-plus.org/en-US/guide/changelog

- **Commit Examples**
  - URL: https://element-plus.org/en-US/guide/commit-examples

- **Custom Defaults**
  - URL: https://element-plus.org/en-US/guide/custom-defaults

- **Dark Mode**
  - URL: https://element-plus.org/en-US/guide/dark-mode

- **Design Disciplines**
  - URL: https://element-plus.org/en-US/guide/design

- **Development FAQ**
  - URL: https://element-plus.org/en-US/guide/dev-faq

- **Local Development**
  - URL: https://element-plus.org/en-US/guide/dev-guide

- **Internationalization**
  - URL: https://element-plus.org/en-US/guide/i18n

- **Installation**
  - URL: https://element-plus.org/en-US/guide/installation

- **Migration**
  - URL: https://element-plus.org/en-US/guide/migration

- **Custom namespace**
  - URL: https://element-plus.org/en-US/guide/namespace

- **Navigation**
  - URL: https://element-plus.org/en-US/guide/nav

- **Quick Start**
  - URL: https://element-plus.org/en-US/guide/quickstart

- **Server-Side Rendering (SSR)**
  - URL: https://element-plus.org/en-US/guide/ssr

- **Custom theme**
  - URL: https://element-plus.org/en-US/guide/theming

- **Built-in Transition**
  - URL: https://element-plus.org/en-US/guide/transitions

- **Translation**
  - URL: https://element-plus.org/en-US/guide/translation

- **Affix**
  - URL: https://element-plus.org/en-US/component/affix

- **Alert**
  - URL: https://element-plus.org/en-US/component/alert

- **Anchor**
  - URL: https://element-plus.org/en-US/component/anchor

- **Autocomplete**
  - URL: https://element-plus.org/en-US/component/autocomplete

- **Avatar**
  - URL: https://element-plus.org/en-US/component/avatar

- **Backtop**
  - URL: https://element-plus.org/en-US/component/backtop

- **Badge**
  - URL: https://element-plus.org/en-US/component/badge

- **Border**
  - URL: https://element-plus.org/en-US/component/border

- **Breadcrumb**
  - URL: https://element-plus.org/en-US/component/breadcrumb

- **Button**
  - URL: https://element-plus.org/en-US/component/button

- **Calendar**
  - URL: https://element-plus.org/en-US/component/calendar

- **Card**
  - URL: https://element-plus.org/en-US/component/card

- **Carousel**
  - URL: https://element-plus.org/en-US/component/carousel

- **Cascader**
  - URL: https://element-plus.org/en-US/component/cascader

- **Checkbox**
  - URL: https://element-plus.org/en-US/component/checkbox

- **Collapse**
  - URL: https://element-plus.org/en-US/component/collapse

- **ColorPickerPanel**
  - URL: https://element-plus.org/en-US/component/color-picker-panel

- **ColorPicker**
  - URL: https://element-plus.org/en-US/component/color-picker

- **Color**
  - URL: https://element-plus.org/en-US/component/color

- **Config Provider**
  - URL: https://element-plus.org/en-US/component/config-provider

- **Container**
  - URL: https://element-plus.org/en-US/component/container

- **DatePickerPanel**
  - URL: https://element-plus.org/en-US/component/date-picker-panel

- **DatePicker**
  - URL: https://element-plus.org/en-US/component/date-picker

- **DateTimePicker**
  - URL: https://element-plus.org/en-US/component/datetime-picker

- **Descriptions**
  - URL: https://element-plus.org/en-US/component/descriptions

- **Dialog**
  - URL: https://element-plus.org/en-US/component/dialog

- **Divider**
  - URL: https://element-plus.org/en-US/component/divider

- **Drawer**
  - URL: https://element-plus.org/en-US/component/drawer

- **Dropdown**
  - URL: https://element-plus.org/en-US/component/dropdown

- **Empty**
  - URL: https://element-plus.org/en-US/component/empty

- **Form**
  - URL: https://element-plus.org/en-US/component/form

- **Icon**
  - URL: https://element-plus.org/en-US/component/icon

- **Image**
  - URL: https://element-plus.org/en-US/component/image

- **Infinite Scroll**
  - URL: https://element-plus.org/en-US/component/infinite-scroll

- **Input Number**
  - URL: https://element-plus.org/en-US/component/input-number

- **InputOtp**
  - URL: https://element-plus.org/en-US/component/input-otp

- **InputTag**
  - URL: https://element-plus.org/en-US/component/input-tag

- **Input**
  - URL: https://element-plus.org/en-US/component/input

- **Layout**
  - URL: https://element-plus.org/en-US/component/layout

- **Link**
  - URL: https://element-plus.org/en-US/component/link

- **Loading**
  - URL: https://element-plus.org/en-US/component/loading

- **Mention**
  - URL: https://element-plus.org/en-US/component/mention

- **Menu**
  - URL: https://element-plus.org/en-US/component/menu

- **Message Box**
  - URL: https://element-plus.org/en-US/component/message-box

- **Message**
  - URL: https://element-plus.org/en-US/component/message

- **Notification**
  - URL: https://element-plus.org/en-US/component/notification

- **Overview**
  - URL: https://element-plus.org/en-US/component/overview

- **Page Header**
  - URL: https://element-plus.org/en-US/component/page-header

- **Pagination**
  - URL: https://element-plus.org/en-US/component/pagination

- **Popconfirm**
  - URL: https://element-plus.org/en-US/component/popconfirm

- **Popover**
  - URL: https://element-plus.org/en-US/component/popover

- **Progress**
  - URL: https://element-plus.org/en-US/component/progress

- **Radio**
  - URL: https://element-plus.org/en-US/component/radio

- **Rate**
  - URL: https://element-plus.org/en-US/component/rate

- **Result**
  - URL: https://element-plus.org/en-US/component/result

- **Scrollbar**
  - URL: https://element-plus.org/en-US/component/scrollbar

- **Segmented**
  - URL: https://element-plus.org/en-US/component/segmented

- **Virtualized Select**
  - URL: https://element-plus.org/en-US/component/select-v2

- **Select**
  - URL: https://element-plus.org/en-US/component/select

- **Skeleton**
  - URL: https://element-plus.org/en-US/component/skeleton

- **Slider**
  - URL: https://element-plus.org/en-US/component/slider

- **Space**
  - URL: https://element-plus.org/en-US/component/space

- **Splitter**
  - URL: https://element-plus.org/en-US/component/splitter

- **Statistic**
  - URL: https://element-plus.org/en-US/component/statistic

- **Steps**
  - URL: https://element-plus.org/en-US/component/steps

- **Switch**
  - URL: https://element-plus.org/en-US/component/switch

- **Virtualized Table**
  - URL: https://element-plus.org/en-US/component/table-v2

- **Table**
  - URL: https://element-plus.org/en-US/component/table

- **Tabs**
  - URL: https://element-plus.org/en-US/component/tabs

- **Tag**
  - URL: https://element-plus.org/en-US/component/tag

- **Text**
  - URL: https://element-plus.org/en-US/component/text

- **TimePicker**
  - URL: https://element-plus.org/en-US/component/time-picker

- **TimeSelect**
  - URL: https://element-plus.org/en-US/component/time-select

- **Timeline**
  - URL: https://element-plus.org/en-US/component/timeline

- **Tooltip**
  - URL: https://element-plus.org/en-US/component/tooltip

- **Tour**
  - URL: https://element-plus.org/en-US/component/tour

- **Transfer**
  - URL: https://element-plus.org/en-US/component/transfer

- **TreeSelect**
  - URL: https://element-plus.org/en-US/component/tree-select

- **Tree V2 virtualized tree**
  - URL: https://element-plus.org/en-US/component/tree-v2

- **Tree**
  - URL: https://element-plus.org/en-US/component/tree

- **Typography**
  - URL: https://element-plus.org/en-US/component/typography

- **Upload**
  - URL: https://element-plus.org/en-US/component/upload

- **Watermark**
  - URL: https://element-plus.org/en-US/component/watermark

## How to Use This Skill

Reference these resources when working with Element Plus - A Vue 3 based component library.