An open API service indexing awesome lists of open source software.

https://github.com/wzc520pyfm/ant-design-x-vue

Ant Design X For Vue. πŸ”₯
https://github.com/wzc520pyfm/ant-design-x-vue

ai antd antdv chat-ui copilot vue

Last synced: 5 months ago
JSON representation

Ant Design X For Vue. πŸ”₯

Awesome Lists containing this project

README

          

# Ant Design X Vue

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![Github Actions][github-actions-src]][github-actions-href]
![Netlify Build][netlify-build-src]
[![License][license-src]][license-href]

Ant Design X For Vue. πŸ”₯ [δΈ­ζ–‡](./README.md)

This is the implementation of [Ant Design X](https://github.com/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.

## Usage

First, install packages `ant-design-vue` and `ant-design-x-vue` to your project, you can run following commands in your project directory:

> pnpm add ant-design-vue ant-design-x-vue

Second, import components from `ant-design-vue` library:

```ts

import { Bubble, XProvider } from 'ant-design-x-vue';

```

## Development

```bash
# 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
```

## Links

* [Vue](https://vuejs.org/)

* [Ant Design Vue](https://www.antdv.com/)

* [Ant Design X Of React](https://x.ant.design/)

## Contributing

Would you like to change the world with us?

Please reference the [Roadmap](https://github.com/wzc520pyfm/ant-design-x-vue/issues/1) and pick up any one you like.

## Contributors



## LICENSE

MIT

[npm-version-src]: https://img.shields.io/npm/v/ant-design-x-vue.svg?style=flat
[npm-version-href]: https://npmjs.com/package/ant-design-x-vue
[npm-downloads-src]: https://img.shields.io/npm/dm/ant-design-x-vue.svg?style=flat
[npm-downloads-href]: https://npmjs.com/package/ant-design-x-vue
[bundle-src]: https://img.shields.io/bundlephobia/minzip/ant-design-x-vue?style=flat
[bundle-href]: https://bundlephobia.com/result?p=ant-design-x-vue
[github-actions-src]: https://img.shields.io/github/actions/workflow/status/wzc520pyfm/ant-design-x-vue/ci.yml?branch=main&style=flat
[github-actions-href]: https://github.com/wzc520pyfm/ant-design-x-vue/actions?query=workflow%3Aci
[netlify-build-src]: https://img.shields.io/netlify/cb006e4e-afce-4c3e-9652-6f8a065b5b6e
[license-src]: https://img.shields.io/github/license/wzc520pyfm/ant-design-x-vue?style=flat
[license-href]: https://github.com/wzc520pyfm/ant-design-x-vue/blob/main/LICENSE

## Connect Us
### Wechat Public Account
![Ant-Design-X Vue](./docs/public/images//wechat_public_account.jpg)

### QQ Group
![QQ ηΎ€](./docs/public/images/QQ_group_1.jpg)