AI Chat UI Toolkit for React & Material-UI

The AI Chat UI Toolkit for React & Material-UI is a feature-rich library designed to effortlessly integrate ChatGPT into your company's web pages. Whether you aim to deploy a fully immersive chat interface or a compact chat window, this toolkit, powered by Material-UI, ensures a modern, seamless, and customizable user experience.

Features

• Seamless ChatGPT Integration: Easily incorporate ChatGPT into your site, enhancing customer interaction with AI-driven conversations.
• Material-UI Foundation: Utilize the full power of Material-UI for a sophisticated and intuitive chat interface.
• Customizable Components: Access a wide range of React components tailored to fit your brand and design requirements.
• Responsive and Adaptive: Deliver a consistent chat experience across all devices and screen sizes.
• TypeScript Support: Leverage TypeScript for more reliable code and a scalable application architecture.

Getting Started

Prerequisites

• Node.js
• npm or yarn
• React and Material-UI already set up in your project

Installation

1. To add the AI Chat UI Toolkit to your project, use npm or yarn:

npm install ai-chat-ui-mui

or

yarn add ai-chat-ui-mui

2. If you haven't already installed Material-UI, add it to your project:

npm install @mui/material @emotion/react @emotion/styled

or

yarn add @mui/material @emotion/react @emotion/styled

Usage

To integrate the chat interface, import and use the ChatGPTUI component in your React app:

import { ChatGPTUI } from 'ai-chat-ui-mui';

function App() {
  return (
    <div>
      <ChatGPTUI /* customize with props */ />
    </div>
  );
}

export default App;

Configuration

The toolkit provides a range of props to customize the Chat UI. For a comprehensive guide on available customization options, see our Component Documentation.

Examples

Check out the examples directory in this repository for demonstrations and advanced use cases.

Contributing

We welcome contributions! Whether it's submitting bug reports, feature requests, or code contributions, your input is valuable to us. See our Contribution Guidelines for more information on getting involved.

License

This software is available under a Commercial License. Use of this software is subject to the payment of a license fee and acceptance of the license agreement terms. Without a commercial license agreement, use of this software is strictly prohibited.

For more information on how to obtain a commercial license, please contact us directly.

Support

Encounter a problem or have a question? Open an issue on GitHub or reach out to our support team for assistance.