Vue 生态系统中，Element Plus 可以称得上是 Vue3 最流行的组件库了，它凭借丰富的组件、灵活的配置和优质的用户体验，赢得了广大开发者的喜爱和信赖。专为 Vue 开发者打造的 AI 组件库 Element Plus X 正式发布啦！
Element Plus X
Element Plus X 是基于流行的Element Plus组件库扩展的AI交互组件集，为Vue3开发者提供了构建AI界面的能力。截止目前（2025年6月22号）该项目在GitHub上已获得超过667个Star，是Vue生态中备受关注的AI组件库之一。Element Plus X充分利用了Element Plus在企业级应用中的成熟经验，为AI交互场景提供了专业化的解决方案。
核心特点
-
Vue3+TS支持：完全基于Vue3和TypeScript开发
-
Element Plus风格：与Element Plus保持一致的设计语言
-
AI专用组件：提供对话、代码块、Markdown渲染等AI交互组件
-
易于扩展：支持自定义主题和组件扩展
核心组件
Element Plus X 拥有多个核心组件，每个组件都经过精心设计，以满足不同 AI 应用场景的需求。
Typewriter 打字器组件
Typewriter 组件提供了流畅的打字动画效果，让文本展示更加生动自然。
它支持中断输出、继续打字和销毁等操作，还能够对打字进度进行监听。
这种组件在模拟人类打字、逐步展示信息等场景中非常实用，能够有效提升用户体验。
Bubble 气泡消息组件
Bubble 组件主要用于聊天对话场景，能够展示对话内容，并支持自定义头像、头部、内容、底部等元素。
它内置了 Typewriter 打字器组件，可以实现文本和 markdown 简单样式的打字动画效果。
通过使用 Vue 的 slot 插槽形式定义自定义样式，Bubble 组件为开发者提供了高度的灵活性和可定制性。
BubbleList 气泡消息列表
BubbleList 组件用于展示一组对话气泡列表，支持设置列表最大高度和自动滚动功能。
它提供了多种控制滚动的方法，让开发者能够轻松实现复杂的消息列表交互。此外，BubbleList 组件还新增了对单个气泡打字完成的监听功能，满足了部分特殊需求场景。
Sender 智能输入框
Sender 组件是一个功能强大的智能输入框，支持语音交互。它对输入框组件功能进行了 1:1 还原，内置了清除和提交功能，并支持加载中、只读、禁用、最大宽度等属性设置。
Sender 组件还支持提交类型切换、语音识别，以及自定义前缀、操作列表和头部等功能，为用户提供了丰富的输入体验。
官方资源
官网：https://element-plus-x.com/
GitHub：https://github.com/HeJiaYue520/Element-Plus-X