Register Now

Login

Lost Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

Captcha Click on image to update the captcha .

Add question

You must login to ask a question.

Login

Register Now

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Morbi adipiscing gravdio, sit amet suscipit risus ultrices eu.Fusce viverra neque at purus laoreet consequa.Vivamus vulputate posuere nisl quis consequat.

Ant Design X - A React UI library for building AI-driven interfaces.

Home/ Ant Design X - A React UI library for building AI-driven interfaces.

Ant Design X - A React UI library for building AI-driven interfaces.

## Overview of Ant Design X Ant Design X is a React UI library developed by the Ant Design team. It is designed to facilitate the creation of AI-driven interfaces by providing atomic components and tools that follow the RICH interaction paradigm. The library is particularly suited for enterprise-level AI product development. ## Key Features of Ant Design X The key features of Ant Design X include: - **Enterprise-grade best practices**: Derived from real-world AI product implementations. - **Atomic components**: Includes components like Bubble and Sender for building AI conversation interfaces. - **Plug-and-play model integration**: Simplifies the process of integrating AI models. - **Efficient dialogue data management**: Optimizes user interaction flows. - **Template support**: Offers pre-built templates to accelerate development. - **TypeScript support**: Ensures type safety and maintainability. - **Advanced theme customization**: Supports dynamic and hybrid themes using CSS-in-JS. ## Installation Methods for Ant Design X Developers can install Ant Design X using the following package managers: - **npm**: `npm install @ant-design/x --save` - **yarn**: `yarn add @ant-design/x` - **pnpm**: `pnpm add @ant-design/x` For browser usage, it can be imported via script and link tags, with the global variable `antd`. The files are hosted on [cdn.jsdelivr.net](https://cdn.jsdelivr.net/npm/@ant-design/[email protected]/dist/). ## Components in Ant Design X Ant Design X provides atomic components such as: - **Bubble**: Used for displaying conversation bubbles. - **Sender**: Used for sending messages in AI-driven interfaces. These components are designed to support the RICH interaction paradigm and are commonly used in AI conversation applications. ## Resources for Ant Design X Developers can access the following resources for Ant Design X: - **Official website**: [x.ant.design](https://x.ant.design/) - **GitHub repository**: [GitHub](https://github.com/ant-design/x) - **Component overview (Chinese)**: [overview-cn](https://x.ant.design/components/overview-cn) - **npm page**: [npm](https://www.npmjs.com/package/%40ant-design/x) ### Citation sources: - [Ant Design X](https://x.ant.design) - Official URL Updated: 2025-04-01