logoAnt Design X

DesignDevelopmentComponentsPlayground
  • Ant Design X of React
  • Changelog
    v1.2.0
  • Basic Usage
    • Usage with create-react-app
    • Usage with Vite
    • Usage with Next.js
    • Usage with Umi
    • Usage with Rsbuild
  • Model Integration
    • OpenAI
      Updated
    • Qwen
      Updated
    • Others
  • Other
    • Contributing
    • dangerouslyApiKey Explanation
    • FAQ

Changelog

Resources

Ant Design
Ant Design Charts
Ant Design Pro
Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Web3
Ant Design Landing-Landing Templates
Scaffolds-Scaffold Market
Umi-React Application Framework
dumi-Component doc generator
qiankun-Micro-Frontends Framework
Ant Motion-Motion Solution
China Mirror 🇨🇳

Community

Awesome Ant Design
Medium
Twitter
yuque logoAnt Design in YuQue
Ant Design in Zhihu
Experience Cloud Blog
seeconf logoSEE Conf-Experience Tech Conference

Help

GitHub
Change Log
FAQ
Bug Report
Issues
Discussions
StackOverflow
SegmentFault

Ant XTech logoMore Products

yuque logoYuQue-Document Collaboration Platform
AntV logoAntV-Data Visualization
Egg logoEgg-Enterprise Node.js Framework
Kitchen logoKitchen-Sketch Toolkit
Galacean logoGalacean-Interactive Graphics Solution
xtech logoAnt Financial Experience Tech
Theme Editor
Made with ❤ by
Ant Group and Ant Design Community
loading

@ant-design/x follows Semantic Versioning 2.0.0.

Release Schedule

  • Weekly release: Patch version for routine bugfix.
  • Monthly release: minor version at the end for new features.
  • Major version release for breaking change and new features.

1.2.0

2025-04-25

  • 🐛 Delete Conversations ellipsis tooltip , fix 'tooltip' display error issue。#776 by @afc163
  • 🐛 Fixed Attachments image card style.#751 by @wzc520pyfm
  • 🐛 Fixed ThoughtChain controlled issue.#752 by @Youzi2233
  • XRequest
    • 🆕 XRequestCallbacks adds an 'onStream' callback that allows for stream listening and abort operations.#711 by @kimteayon
    • 🐛 Fixed the issue of XRequestOptions changes not taking effect and added a demo.#736 by @kimteayon
    • 🆕 Add an example of model integration. #725 by @kimteayon
    • 📖 Inaccurate parameter naming in optimizing API methods.#736 by @kimteayon
  • useXAgent
    • 🆕 RequestFn adds an onStream callback that allows for stream listening and abort operations.#711 by @kimteayon
    • 🆕 RequestFn has added a transformStream transformation function for processing stream data.#725 by @kimteayon
    • 🐛 Fix the issue of XAgentConfig Preset changes not taking effect and add an example.#736 by @kimteayon
    • 🐛 Fix the issue of incorrect callback types for RequestFn onSuccess and update the corresponding demo. #725 by @kimteayon
    • 🆕 Add model access, Custom RequestParams,and customize XRequestOptionsdemos. #725 by @kimteayon 提交、#711 by @kimteayon
  • useXChat
    • 🆕 XChatConfig adds input and output generic types.#725 by @kimteayon
    • 🆕 XChatConfig adds transformMessage transformation function,which can transform messages when updating data and update to messages at the same time. #711 by @kimteayon
    • 🆕 XChatConfig adds transformStreamconversion function for processing stream data.#711 by @kimteayon
    • 🆕 XChatConfig adds resolveAbortControllercallback function, which can obtain theAbortController controller for controlling the stream state.#711 by @kimteayon
    • 🆕 Add model access examples and remove incorrect abort examples. #711 by @kimteayon
  • 🐛 Fixed the issue of Sender header border-radius style overflow.#732 by @Bao0630
  • 📖 Add a copilot style model room.#657 by @vanndxh
  • 📖 Refactoring the independent model room.#753 by @vanndxh
  • 📖 Enhance the official website to improve user experience.#730 by @afc163 提交、#758 by @coding-ice 提交、 #761 by @ONLY-yours

1.1.1

2025-04-14

  • Bubble.List
    • 💄 Refactor Bubble.List, reduce unnecessary refreshes during updates.#479 by @YumoImer
    • 🐛 Fixed scrollbar styles issues of Bubble.List under dark theme.#727 by @kimteayon
  • Conversation
    • 🐛 Fixed style issues of ul and li in Conversation.#726 by @kimteayon
    • 🆕 Extended getPopupContainer for menu.#698 by @yuxuan-ctrl
  • 🐛 Fixed ThoughtChain Collapse cannot unfold issue.#720 by @kimteayon
  • 🐛 Fixed Attachments image display style issue.#708 by @hy993658052
  • 💄 Refactor Sender,Control the 'disabled' attribute of custom Actions.#666 by @afc163
  • 📖 Enhance the official website to improve user experience.#680 by @wzc520pyfm,#699 by @afc163,#716 by @afc163,#686 by @afc163,#728 by @kimteayon

1.1.0

2025-03-28

  • Sender
    • 🆕 Add footer to support custom footer content.#654 by @kimteayon
    • 🆕 Extended autoSize to support custom content height.#637 by @Zhang-Wei-666
    • 📖 Add the declarations for onFocus and onBlur types.#625 by @aojunhao123
  • 🆕 Extended Conversations menu.trigger to support custom menu trigger.#630 by @kimteayon
  • Attachments
    • 🆕 Extended ImageProps to support custom image configuration.#613 by @hy993658052
    • 📖 Add Attachments onRemove API documentation#608 by @kimteayon
  • 📖 Extended GPT-Vis rendering chart example.#603 by @lvisei
  • 📦 Improved Chat Design X peerDependencies.#611 by @pokerface9830
  • 📖 Enhance the official website to improve user experience.#626 by @aojunhao123,#648 by @kimteayon,#659 by @afc163,#667 by @jin19980928

1.0.6

2025-03-14

  • 🆕 Extended Sender file pasting can handle multiple files.#505 by @ztkuaikuai
  • 🆕 Extended BubbleList role definition function.#485 by @chenluda
  • 🐛 Fixed Attachments multi file horizontal scrollbar display.#556 by @onefeng123
  • 🐛 Fixed Attachments onRemove non effective issue.#555 by @edison-tianhe
  • 🐛 Fixed Sender the issue of actions lacking SpeechButton.#549 by @zombieJ
  • 🐛 Fixed Attachmentsthe issue of file initialization display.#524 by @ztkuaikuai
  • 🐛 Fixed Conversationsscroll bar issue.#485 by @LofiSu
  • 📖 ImprovedBubble typing reduces unnecessary rendering.#477 by @kxcy001123
  • 📦 Improved Chat Design X construct #578,#584 by @kimteayon, #578 by @kimteayon,#587 by @afc163
  • 📖 Enhance the official website to improve user experience.#484 by @ztkuaikuai, #495 by @ztkuaikuai, #522 by @liangchaofei,#537 by @wzc520pyfm,#553 by @PeachScript, #578 by @kimteayon, #585 by @MaricoHan

1.0.5

2025-01-13

  • 🐛 Fix Attachment remove icon style. #460 by @Rain120
  • 🛠 Refactor BubbleProps to support ContentType type argument. #403 by @YumoImer
  • 🛠 Dev and site support React 19. #432 by @YumoImer
  • 📖 Enhance the official website to improve user experience. #456, #446, #448, #444, #414, #406, #404 by @wzc520pyfm, @YumoImer, @Rain120, @afc163

1.0.4

2024-12-25

  • 🆕 Extended XStream support for the cancel feature. #319 by @ppbl
  • 🆕 Extended Bubble support for the typing.suffix feature. #316 by @BQXBQX
  • 🆕 Extended Sender component's onChange parameter to include the event object. #362 by @defaultjacky
  • 🆕 Enhanced the Sender component's ref to support focus control methods like focus and blur. #397 by @YumoImer
  • 🐛 Fixed styling issues in ThoughtChain when cssVar is not applied. #373 by @YumoImer
  • 📖 Added Petercat assistant feature. #375 by @xingwanying
  • 📖 Improved the official website for a better user experience. #389, #377, #364, #368 by @afc163, @YumoImer

1.0.3

2024-12-16

  • 💄 Refactor the styles when placement: 'end' is set for Bubble. #314 by @YumoImer
  • 🐛 Fix occasional failure to trigger auto-scrolling when autoScroll is set in Bubble.List. #336 by @anzhou99Ru
  • 📖 Enhance the official website to improve user experience. #343, #334, #315, #331 by @afc163, @YumoImer, @Wxh16144
  • 🛠 Fix errors encountered when running pnpm lint. #313 by @BQXBQX

1.0.2

2024-12-04

  • 🛠 Enhanced XRequest to support parsing custom protocols. #293 by @YumoImer
  • 🐛 Fixed an issue where the preview buttons for Attachment did not toggle visibility properly. #295 by @anzhou99
  • 🐛 Fixed a bug in useXChat where the same message triggered onUpdate multiple times. #298 by @YumoImer
  • 📖 Added documentation for using Bubble with GPT-Vis. #288 by @lvisei
  • 📦 Updated browser target configurations to reduce bundle size. #282 by @afc163
  • 🛠 Fixed errors when running pnpm run prestart. #287 by @long36708

1.0.1

2024-11-29

  • 🛠 Optimized TS types for useXAgent and XStream. #272 by @YumoImer
  • 🛠 Made the agent parameter optional to support data management functionality using only useXChat. #271 by @YumoImer
  • 💄 Adjusted Conversations style based on RICH design specification. #242 by @YumoImer
  • 🛠 Fixed ghost dependency issue that prevented the project from starting when using pnpm. #223 by @YumoImer
  • 🌈 Demonstrated the attachment upload functionality in the standalone template. #250, #265 by @kelvinelove
  • 📖 Fixed missing contributor information. #212 by @afc163
  • 📖 Optimized official site to enhance user experience. #277, #264, #263, #262, #261, #241, #246, #210, #211 by @YumoImer, @afc163, @Rain-1214, @kelvinelove and @tabzzz1
  • 📦 Updated browser targets to reduce bundle size. #234 by @afc163

1.0.0

2024-11-22

🎉 We are thrilled to announce the official release of Ant Design X 1.0.0!

  • 🌈 Derived from Best Practices of Enterprise-Level AI Products: Built on the RICH interaction paradigm, delivering an exceptional AI interaction experience.
  • 🧩 Flexible and Diverse Atomic Components: Covers most AI dialogue scenarios, empowering you to quickly build personalized AI interaction interfaces.
  • ⚡ Out-of-the-Box Model Integration: Easily connect with inference services compatible with OpenAI standards.
  • 🔄 Efficient Management of Conversation Data Flows: Provides powerful tools for managing data flows, enhancing development efficiency.
  • 📦 Rich Template Support: Offers multiple templates for quickly starting LUI application development.
  • 🛡 Complete TypeScript Support: Developed with TypeScript, ensuring robust type coverage to improve the development experience and reliability.
  • 🎨 Advanced Theme Customization: Supports fine-grained style adjustments to meet diverse use cases and personalization needs.

demos

1.0.0-alpha.12

2024-11-07

  • 🔥 Sender support onPasteFile and Attachments support ref.upload for manual uploading, by @zombieJ #184
  • 🔥 Sender allowSpeech support using third-part SDK, by @zombieJ #187

1.0.0-alpha.11

2024-11-06

  • 🔥 New Component Welcome, by @zombieJ #179
  • 🔥 Prompts support nest structure, by @zombieJ #181
  • 🔥 Attachments support Attachments.FileCard component, by @zombieJ #182

1.0.0-alpha.10

2024-11-04

  • 🐛 Fix Attachments drop upload could not trigger the upload request, by @YumoImer #178

1.0.0-alpha.9

2024-11-01

  • 🐛 Fix the logic in the Attachments, by @YumoImer #174
  • 🐛 Fix Sender.Header can not focus, by @zombieJ #175

1.0.0-alpha.7

2024-10-31

  • 🐛 Fix Attachments first upload could not trigger the upload request, by @YumoImer #172

1.0.0-alpha.6

2024-10-25

  • 🔥 New Component Attachments, by @zombieJ #168
  • 🔥 New Tools XStream, by @YumoImer #138
  • 🔥 New Tools XRequest, by @YumoImer #138

1.0.0-alpha.5

2024-10-23

  • 🆕 Bubble support loadingRender to customize loading content. #165
  • 🐛 Fix components missing style when without XProvider. #163

1.0.0-alpha.4

2024-10-17

  • Sender
    • 🆕 Sender support speech, by @zombieJ #154
    • 🆕 Sender support Sender.Header, by @zombieJ #156
    • 🆕 Sender style adjust, by @zombieJ #151
  • 📖 update group config for Components category, by @YumoImer #155
  • 📖 tweak demo toggle button style , by @afc163 #146
  • 📖 Update README.md, by @afc163 #142

1.0.0-alpha.3

2024-10-10

  • Bubble
    • 🆕 Bubble support variant props, by @zombieJ #140
    • 🆕 Bubble support shape props, by @zombieJ #144
    • 🆕 Bubble support header and footer props, by @zombieJ #147

1.0.0-alpha.2

2024-09-27

  • 🔥 New Component XProvider for global configuration, by @YumoImer #127
  • 🔥 New Runtime Hook useXChat for data management, by @zombieJ #125
  • 🔥 New Runtime Hook useXAgent for model scheduling, by @zombieJ #125
  • 🆕 ThoughtChain component now support the size property, by @YumoImer #123
  • 🛠 Updated .lintstagedrc.json, by @afc163 #128
  • 🛠 Updated dependency cheerio to v1.0.0, by @afc163 #121

1.0.0-alpha.1

2024-09-10

🚀 Features

  • 🔥 feat: Suggestion 建议组件 by @ONLY-yours in #87

🐛 Fixes

  • 🐛 fix: change the Sender restProps type by @ONLY-yours in #101
  • 🛠 fix: bun install by @afc163 in #111

🛠 Refactors

  • 🛠 chore: add layer support by @zombieJ in #118
  • 🛠 chore: speed up workflows by @afc163 in #119
  • 🛠 chore(deps-dev): bump the dev-dependencies group with 5 updates by @dependabot in #120
  • 🛠 chore: clean up README.md by @afc163 in #102
  • 🛠 chore: add issue templates by @afc163 in #103
  • 🛠 chore: add bun.lockb by @afc163 in #108
  • 🛠 chore: Delete index-style-only.js by @afc163 in #106
  • 🛠 chore: Update main.yml by @afc163 in #105
  • 🛠 chore: Update package.json by @afc163 in #110

📖 Documentation

  • 📖 docs: Update README.md by @afc163 in #104
  • 📖 docs: Update codecov badge by @afc163 in #112

1.0.0-alpha.0

2024-09-05

  • 🔥 New Component Bubble. #19 @li-jia-nan
    • 🔥 Bubble support direction #52 @li-jia-nan
  • 🔥 New Component Bubble.List. #57 @zombieJ
  • 🔥 New Component Conversations. #48 @YumoImer
  • 🔥 New Component Prompts. #55 @YumoImer
  • 🔥 New Component Sender. #46 @ONLY-yours
  • 🔥 New Component ThoughtChain. #86 @YumoImer
  • 📦 Use father to build. #84 @zombieJ
  • 🛠 Fix ThemeContext instances being inconsistent when using antd es or lib package. #88 @YumoImer
  • 🛠 Refactor: API Naming Conventions #73 @zombieJ
  • 🛠 MISC: CI, Github Actions, Publish
    • 🛠 #59 @zombieJ
    • 🛠 #62 @zombieJ
    • 🛠 #71 @ONLY-yours
    • 🛠 #72 @YumoImer
    • 🛠 #98 @YumoImer
  • 📖 Update README.md
    • 📖 #81 @zombieJ
    • 📖 #82 @zombieJ
    • 📖 #61 @afc163

0.0.0-alpha.0

2024-05-10

  • MISC: Project initialization.