Repository files navigation

MateChat React is a React component library designed for AI-driven interfaces, such as chat assistants, prompt tools, agent frameworks, and more. It is the React version ofMateChat, offering consistent features and styles.

MateChat is based onHuawei DevUI Design, offering a modern visual language, consistent user experience, and excellent scalability.

For more information, visit the MateChat React website:MateChat React

• 🧠 Built for AI interaction and prompt use-cases
• 🎨 Based on DevUI design system
• ⚛️ Fully typed React + TypeScript components
• 🌗 Built-in light/dark theme switching
• 🔌 Highly customizable & flexible

# npmnpm install @matechat/react# or pnpmpnpm add @matechat/react

import{Bubble}from"@matechat/react";importavatarfrom"./avatar.png";exportdefaultfunctionBubbleDemo(){return(<divclassName="bubble-chat"><divclassName="bubble-row left"><imgsrc={avatar}alt="Bot"className="avatar"/><Bubbletext="Hello, how can I help you?"/></div><divclassName="bubble-row right"><Bubbletext="I want to know the product features!"/><imgsrc={avatar}alt="User"className="avatar"/></div><divclassName="bubble-row left"><imgsrc={avatar}alt="Bot"className="avatar"/><Bubbletext="OK, please wait..."isPending/></div></div>);}

The documentation is still in progress, but you can feel free to create a new issue inGitCode orGitHub to submit your questions or suggestions. This project is still under development, so the documentation is not complete yet, some features may change in the future.

For more information, please track the progress in#5.

We welcome all kinds of contributions:

• File issues for bugs or features
• Create pull requests
• Help with documentation or translations

Contributors:

MateChat React Chat Group	SOA Chat Group

This project is licensed under theMIT License.