Focus on AI Scenario Component Library — Ant Design X

Overview

Building AI-driven user interfaces is a major trend in software development, as artificial intelligence and machine learning technologies become more sophisticated. To simplify this process, Ant Design X 🚀 was created! A new AGI component library based on Ant Design, building AI-driven user interactions with React just got easier, with seamless integration of AI chat components and API services to simplify the development process of AI interfaces.

Features

• Advanced Interaction Experience: Based on the RICH interaction paradigm, it provides a superior AI interaction experience.
• Diverse component choices: Covering most AI conversation scenarios, helping to build personalized AI interaction pages quickly.
• Plug-and-play model integration: Easily interface with OpenAI-compliant model inference services.
• Efficient management of dialog data flow: Provide useful data flow management functions to make development more efficient.
• Rich and diverse template support: Provide a variety of templates to quickly start LUI application development.
• Full coverage of TypeScript: adopts TypeScript development, provides complete type support, and improves the development experience and reliability.
• Customized theme design: supports fine-grained style adjustment to meet the personalized needs of various scenarios.

Installation and Use

The installation of Ant Design X is very simple and can be done by the following commands:

npm install @ant-design/x - save
// or
yarn add @ant-design/x
// or
pnpm add @ant-design/x

import React from 'react';
import {
  Bubble,
  Sender,
} from '@ant-design/x';

const messages = [
  {
    content: 'Hello, Ant Design X!',
    role: 'user',
  },
];
const App = () => (
  <div>
    <Bubble.List items={messages} />
    <Sender />
  </div>
);

export default App;

Component Overview