← all repositories
wzc520pyfm/ant-design-x-vue

Ant Design X, but make it Vue

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

1.8k stars TypeScript Chat AssistantsApp Builders
ant-design-x-vue
Velocity · 7d
+3.4
★ / day
Trend
steady
star history

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-vue as 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.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.