x

Ant Design X is a collection of user interface components and utilities for building AI-focused web applications. It is part of the broader Ant Design ecosystem, which is a widely used set of UI components for building web apps in React. This extension specifically targets the kind of interfaces that appear in AI chat tools, AI assistants, and agent-driven products.

The main package provides ready-made visual components for the various stages of an AI interaction, things like message bubbles, input boxes, loading indicators, and similar building blocks. The goal is to give developers pre-built pieces they can assemble into a working AI chat interface without having to design and code each element from scratch.

A companion package handles the data side. It provides utilities for connecting to AI model APIs and managing the streams of data they return. AI models often send their responses as a continuous flow of text rather than one complete answer, and this package helps developers receive and display that streaming output correctly.

Another package in the set is a Markdown renderer built specifically for streaming AI output. When an AI responds with formatted text, code blocks, math formulas, or diagrams, this renderer displays them correctly as they arrive, rather than waiting for the full response.

There is also a dynamic card component that can build and display interactive UI panels from structured data sent by an AI. Rather than the developer defining the layout in advance, the AI can describe what should appear and the component renders it.

The project is published as several separate packages on npm so developers can install only the parts they need.