Ant Design X Vue

May 8, 2025 Β· View on GitHub

npm version npm downloads bundle Github Actions Netlify Build License

jsDelivr

Ant Design X For Vue. πŸ”₯ δΈ­ζ–‡

This is the implementation of Ant Design X for Vue.

✨ Features

  • 🌈 Built on the RICH interaction paradigm, delivering an exceptional AI interaction experience.
  • 🧩 Covers most AI dialogue scenarios, empowering you to quickly build personalized AI interaction interfaces.
  • ⚑ Easily connect with inference services compatible with OpenAI standards.
  • πŸ”„ Provides powerful tools for managing data flows, enhancing development efficiency.
  • πŸ“¦ Offers multiple templates for quickly starting LUI application development.
  • πŸ›‘ Developed with TypeScript, ensuring robust type coverage to improve the development experience and reliability.
  • 🎨 Supports fine-grained style adjustments to meet diverse use cases and personalization needs.

πŸ“¦ Install

$ npm i ant-design-vue ant-design-x-vue
$ yarn add ant-design-vue ant-design-x-vue
$ pnpm add ant-design-vue ant-design-x-vue

πŸ”¨ Usage

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

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

⌨️ Development

# 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

🀝 Contributing

Would you like to change the world with us?

Please reference the Roadmap and pick up any one you like.

πŸ‘₯ Contributors

Contribution Leaderboard

πŸ’¬ Contact Us

Wechat Public AccountQQ Group

πŸ“„ LICENSE

MIT