logoAnt Design X

DesignDevelopmentComponentsX MarkdownX SDKPlayground
  • Ant Design X
  • Changelog
    v2.0.0-alpha.9
  • Model Integration
    • OpenAI
    • Qwen
  • Agent Integration
    • Tbox
  • Basic Usage
    • Usage with create-react-app
    • Usage with Vite
    • Usage with Next.js
    • Usage with Umi
    • Usage with Rsbuild
  • Advanced Usage
    • Common Props
  • Other
    • Contributing
    • FAQ

Ant Design X
｜AI interface solution

Ant Design X is a comprehensive toolkit for AI applications, integrating a UI component library, streaming Markdown rendering engine, and AI SDK, providing developers with a complete toolchain for building next-generation AI-driven applications.

@ant-design/x - Intelligent Interface Framework

A React UI library based on the Ant Design system, designed for AI-driven interfaces. Out-of-the-box smart conversation components, seamless API integration, and rapid smart interface development. For details, click here.

@ant-design/x-markdown - High-performance Streaming Rendering Engine

An optimized Markdown rendering solution for streaming content, with powerful extension capabilities. Supports formulas, code highlighting, mermaid charts, and delivers excellent performance for smooth content display. For details, click here.

@ant-design/x-sdk - AI Conversation Data Flow Management

Provides a complete set of tool APIs, out-of-the-box AI conversation data flow management, simplifying development and improving efficiency. For details, click here.

+ +

Who is using

Ant Design X is widely used in AI-driven user interfaces within Ant Group. If your company and products use Ant Design X, feel free to leave a comment here.

How to contribute

Before participating in any form, please read the CONTRIBUTING.md first. If you want to contribute, feel free to submit a Pull Request or report a bug.

Highly recommend reading How To Ask Questions The Smart Way, How to Ask a Question in Open Source Community, How to Report Bugs Effectively, and How to Submit Unsolvable Issues to Open Source Projects. Well-written questions are more likely to get help.

Community Support

If you encounter any issues while using Ant Design X, you can seek help through the following channels. We also encourage experienced users to assist newcomers via these platforms.

When asking questions on GitHub Discussions, it's recommended to use the Q&A tag.

  1. GitHub Discussions
  2. GitHub Issues