🤖 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
      
    }
  }
}