ant-design-x-vue-next

Ant Design X for Vue — community continuation aligned with @ant-design/x
28,867 2
vue components ai framework ant copilot chat-ui antdv
Install
npm install ant-design-x-vue-next
Latest Version:1.152.0
Vue:3
License:MIT
Last Updated:Jul 31, 2026
Links: GitHub  ·  npm
Maintainer: zhangjierui

Ant Design X Vue Next

npm version npm downloads CI License vue Netlify Status

Community continuation of ant-design-x-vue, aligning follow-up features with @ant-design/x.

Ant Design X For Vue. 🔥 English

这里是 Ant Design X 的 Vue 实现（社区续作）。

仓库： https://github.com/XiaShus/ant-design-x-vue-next
文档站： https://ant-design-x-vue-next-524.netlify.app
npm： https://www.npmjs.com/package/ant-design-x-vue-next

上游：

  • Vue 原版：https://github.com/wzc520pyfm/ant-design-x-vue
  • React 对齐目标：https://github.com/ant-design/x（当前 @ant-design/x@2.9.0）

✨ 特性

  • 🌈 基于 RICH 交互范式，提供卓越的 AI 交互体验
  • 🧩 覆盖绝大部分 AI 对话场景，助力快速构建个性化 AI 交互页面
  • ⚡ 轻松对接符合 OpenAI 标准的模型推理服务
  • 🔄 提供好用的数据流管理功能，让开发更高效
  • 📦 提供多种模板，快速启动 LUI 应用开发
  • 🛡 采用 TypeScript 开发，提供完整类型支持，提升开发体验与可靠性
  • 🎨 支持细粒度的样式调整，满足各种场景的个性化需求

📦 安装

$ npm i ant-design-vue ant-design-x-vue-next

$ yarn add ant-design-vue ant-design-x-vue-next

$ pnpm add ant-design-vue ant-design-x-vue-next

开发阶段也可继续使用源码别名 ant-design-x-vue（与原仓库兼容）。

从上游包迁移请看：从 ant-design-x-vue 迁移。

🔨 示例

<script setup lang="ts">
import { Bubble, XProvider } from 'ant-design-x-vue-next';
</script>

<template>
  <Bubble content="Hello AI" />
</template>

🧭 对齐进度（相对 @ant-design/x 2.9）

组件 / 包 Vue Next React @ant-design/x
Bubble / Sender / Conversations / … ✅（继承 1.6.0） ✅
Think ✅（本仓库新增） ✅
Sources ✅（本仓库新增） ✅
FileCard ✅（本仓库新增） ✅
Folder ✅（本仓库新增） ✅
Notification ✅（本仓库新增） ✅
CodeHighlighter ✅（本仓库新增） ✅
Mermaid ✅（本仓库新增） ✅
XMarkdown（安全 / 流式缓存 / LaTeX / Animation） ✅（本仓库新增） ✅（官方为独立包）
OpenAI / DeepSeek Provider / conversationKey ✅（本仓库新增） ✅（@ant-design/x-sdk）
XMCPClient ✅（本仓库新增） ✅（@ant-design/x-sdk）
XCard A2UI v0.9 ✅（本仓库新增） ✅（@ant-design/x-card）
AbstractChatProvider 完整栈 / x-skill ⏳ ✅

⌨️ 开发

# install dependencies
$ pnpm install

# develop library by docs demo
$ pnpm docs:dev

# build library source code
$ pnpm run build

# build docs code
$ pnpm run docs:build

# Locally preview the production build.
$ pnpm run docs:preview

# Lint
$ pnpm lint

🔗 链接

📄 LICENSE

MIT

Related Packages

ant-design-x-vue

Craft AI-driven interfaces effortlessly

72,588 1,842
ai ant antdv chat-ui components copilot framework vue
stellify-framework

Frontend framework built for AI code generation

2,744
ai framework vue frontend
@vue-ui-kit/ant

Vue3 UI Kit based on Ant Design

14,080
ant antdv ant design ui kit vue3
@sveda-ai/vue

Vue 3 chat UI to embed a Sveda AI agent. https://sveda.dev/docs/chat-ui/vue

1,889 1
ai copilot vue agent chat sveda
ant-design-vue-next

Ant Design for Vue 鈥?community continuation aligned with ant-design

13,515 1
ant antdv components framework vue ant-design-vue ant-design-vue-next antd component design +4

Version History

Version Released License
1.152.0 MIT
1.151.0 MIT
1.150.0 MIT
1.149.0 MIT
1.148.0 MIT