← all repositories
ant-design/pro-chat

Ant Design's chat UI kit is already sunsetting itself

A React component library for LLM chat interfaces that tells new users to use something else instead.

900 stars TypeScript Chat AssistantsCoding Assistants
pro-chat
Velocity · 7d
+0.9
★ / day
Trend
steady
star history

What it does

@ant-design/pro-chat is a React component library for bolting chat interfaces onto LLM backends. Drop in a <ProChat> component, wire up a request handler, and you get streaming responses, message editing, markdown rendering, and conversation caching out of the box. It’s ESM-only and expects antd and antd-style as peer dependencies.

The interesting bit

The README opens with a blunt directive: new users should use ant-design/x instead, plus a link to an apology issue. That’s an unusually honest deprecation pattern for a 900-star project still getting commits. The library itself is essentially glue around Ant Design’s visual language—useful if you’re already in that ecosystem, redundant if you’re not.

Key highlights

  • Minimal boilerplate: Single component with a request prop handles both streaming and non-streaming LLM responses
  • Built-in conversation management: Automatic caching, message redo/edit/delete, and markdown rendering without extra dependencies
  • Programmatic control: Exposes a ref API for manipulating chat flow from outside the component
  • Next.js support: Documents specific compilation quirks for the framework
  • Active but redirecting: Still maintained enough to have CI, contributor graphs, and issue triage, yet explicitly steering newcomers elsewhere

Caveats

  • Several roadmap items remain unchecked: custom dialogue rendering, enhanced request parameters, personalized error handling, and atomic component design
  • Peer dependency setup is non-trivial for non-pnpm users (antd and antd-style must be installed manually)

Verdict

Worth a look if you’re already committed to Ant Design and need a chat UI yesterday. Everyone else should probably follow the README’s own advice and check ant-design/x first, or evaluate whether you need a full component library versus rolling your own with a lighter headless chat primitive.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.