Go to file
Ernesto Barrera 69e05160a3
Added character count to alert message (#135)
This improvement adds additional information to the alert that is displayed when the user enters more characters than allowed in the rich text element. Now, the alert also shows the number of characters that the user has entered, which helps to provide clearer and more useful feedback to the use
2023-03-25 06:11:30 -06:00
components Added character count to alert message (#135) 2023-03-25 06:11:30 -06:00
k8s add k8s config (#117) 2023-03-25 04:24:43 -06:00
pages edit message 2023-03-25 05:49:41 -06:00
public readme udpate 2023-03-15 06:20:11 -06:00
styles feat: codeblock styling like chatgpt (#132) 2023-03-25 04:39:31 -06:00
types folders (#108) 2023-03-23 17:59:40 -06:00
utils hotfix import 2023-03-23 19:05:47 -06:00
.dockerignore 🐳 add Dockerfile (#17) 2023-03-19 06:49:41 -06:00
.eslintrc.json chatbot-ui starter 2023-03-13 19:21:14 -06:00
.gitignore add dist 2023-03-22 22:38:44 -06:00
Dockerfile 🐳 add Dockerfile (#17) 2023-03-19 06:49:41 -06:00
Makefile add k8s config (#117) 2023-03-25 04:24:43 -06:00
README.md Update README.md 2023-03-23 20:30:17 -06:00
docker-compose.yml 🐳 add Dockerfile (#17) 2023-03-19 06:49:41 -06:00
license chatbot-ui starter 2023-03-13 19:21:14 -06:00
next.config.js Token based and model conditional limits (#36) 2023-03-20 22:02:24 -06:00
package-lock.json Token based and model conditional limits (#36) 2023-03-20 22:02:24 -06:00
package.json Token based and model conditional limits (#36) 2023-03-20 22:02:24 -06:00
postcss.config.js chatbot-ui starter 2023-03-13 19:21:14 -06:00
tailwind.config.js add markdown 2023-03-17 19:25:04 -06:00
tsconfig.json chatbot-ui starter 2023-03-13 19:21:14 -06:00

README.md

Chatbot UI

Note: Chatbot UI Pro has been renamed to Chatbot UI.

Chatbot UI is an advanced chatbot kit for OpenAI's chat models built on top of Chatbot UI Lite using Next.js, TypeScript, and Tailwind CSS.

It aims to mimic ChatGPT's interface and functionality.

All conversations are stored locally on your device.

See a demo.

Chatbot UI

Updates

Chatbot UI will be updated over time.

Expect frequent improvements.

Next up:

  • More custom settings
  • Regenerate & edit responses
  • Prompt templates

Recent updates:

  • Folders (3/24/23)
  • Search chat content (3/23/23)
  • Stop message generation (3/22/23)
  • Import/Export chats (3/22/23)
  • Custom system prompt (3/21/23)
  • Error handling (3/20/23)
  • GPT-4 support (access required) (3/20/23)
  • Search conversations (3/19/23)
  • Code syntax highlighting (3/18/23)
  • Toggle sidebar (3/18/23)
  • Conversation naming (3/18/23)
  • Github flavored markdown (3/18/23)
  • Add OpenAI API key in app (3/18/23)
  • Markdown support (3/17/23)

Modifications

Modify the chat interface in components/Chat.

Modify the sidebar interface in components/Sidebar.

Modify the system prompt in utils/index.ts.

Deploy

Vercel

Host your own live version of Chatbot UI with Vercel.

Deploy with Vercel

Replit

Fork Chatbot UI on Replit here.

Docker

docker build -t chatgpt-ui .
docker run -e OPENAI_API_KEY=xxxxxxxx -p 3000:3000 chatgpt-ui

Running Locally

1. Clone Repo

git clone https://github.com/mckaywrigley/chatbot-ui.git

2. Install Dependencies

npm i

3. Provide OpenAI API Key

Create a .env.local file in the root of the repo with your OpenAI API Key:

OPENAI_API_KEY=YOUR_KEY

4. Run App

npm run dev

5. Use It

You should be able to start chatting.

Contact

If you have any questions, feel free to reach out to me on Twitter.