🤖 React GPT

Create a chat GPT like chat UX on top of any REST API.

React GPT is a "batteries included" approach to quickly add a chat GPT like UX to your app. It uses xprompt LLM to automatically translate natual language queries into REST API calls and execute them.

Demo and Tutorial

Available at: https://xprompt.ai/

Installation

Using npm:

npm install @xprompt.ai/react-gpt

Using yarn:

yarn add @xprompt.ai/react-gpt

Using pnpm:

pnpm add @xprompt.ai/react-gpt

Props

Prop | Description | Default ---- | ----------- | ------- bgColor | Background color of the chat component | #e4e4e4 userColor | User chat message background color | #e4e4e4 userTextColor | User chat message text color | #000000 botColor | Bot chat message background color | #dbdbdb botTextColor | Bot chat message text color | #000000 inputTextColor | New chat message input control's text color | #C9C9C9 inputBgColor | New chat message input control's background color | #222222 config* | See below for details |

config Prop

Identifies the target backend app and provides the authentication data for the backend app. Authentication data is used to execute the REST API calls against the target app. Please create an app specification on www.xprompt.ai and use the name provided in the app spec as the appName below.

{
  "appId": "", <- this UUID identifies the backend app. Create an app spec on www.xprompt.ai
  "authData": { <- authentication data for the backend app —- used for executing the translated REST API calls 
    "location": "query", <- where to include the auth. Options are query | header
    "auth": { <- auth object
      
    }
  }
}