Ant Design X, but make it Vue
A Vue port of Ant Design X for developers who want AI chat UIs without switching frameworks.

What it does
ant-design-x-vue is a Vue 3.5+ re-implementation of Ant Design X, Alibaba’s React-based toolkit for building AI conversational interfaces. It provides drop-in components like Bubble and XProvider so you can assemble chat UIs, copilot panels, or LLM dashboards without leaving the Vue ecosystem. You’ll still need ant-design-vue installed alongside it.
The interesting bit
The project adopts the “RICH” interaction paradigm (a framework-specific term from Ant Design X) and ships with built-in data flow management for OpenAI-compatible endpoints. That’s the boring-but-valuable part: it handles the plumbing between your Vue template and streaming model responses.
Key highlights
- Vue 3.5+ with full TypeScript coverage
- Components map closely to the React original:
Bubble,XProvider, etc. - OpenAI-standard API integration out of the box
- Starter templates for LUI (Language UI) applications
- Fine-grained style customization hooks
Caveats
- Requires
ant-design-vueas a peer dependency, so you’re signing up for that ecosystem - Documentation and primary communication channels are in Chinese (WeChat/QQ groups, Chinese README); English README exists but may lag behind
- Roadmap lives in GitHub issue #1, suggesting the project is still finding its footing
Verdict
Worth a look if you’re already committed to Vue and Ant Design, and need AI chat components yesterday. React shops should stick with the official Ant Design X; developers averse to Ant Design’s specific visual language won’t find an escape hatch here.