Go to file
Dasun Nimantha cd49445491
style: changed scroll icon size via size attribute as suggested (#263)
2023-03-28 07:59:31 -06:00
.github/workflows chore: migrate to vitest for 10x faster tests (#257) 2023-03-28 04:22:58 -06:00
__tests__/utils/app chore: migrate to vitest for 10x faster tests (#257) 2023-03-28 04:22:58 -06:00
components style: changed scroll icon size via size attribute as suggested (#263) 2023-03-28 07:59:31 -06:00
k8s feat: add in prettier and format code for consistency (#168) 2023-03-25 23:13:18 -06:00
pages chore: update chinese locales (#247) 2023-03-28 02:36:30 -06:00
public chore: update chinese locales (#247) 2023-03-28 02:36:30 -06:00
styles fix: layout shifting on small devices (#258) 2023-03-28 04:23:34 -06:00
types fix import (#242) 2023-03-28 02:27:37 -06:00
utils fix import (#242) 2023-03-28 02:27:37 -06:00
.dockerignore fix import (#242) 2023-03-28 02:27:37 -06:00
.env.local.example fix: resolve Enter event conflict during CJK IME (#253) 2023-03-28 02:46:16 -06:00
.eslintrc.json chatbot-ui starter 2023-03-13 19:21:14 -06:00
.gitignore scroll btn (#256) 2023-03-28 02:52:45 -06:00
CONTRIBUTING.md added CONTRIBUTING.md file (#188) 2023-03-26 02:25:00 -06:00
Dockerfile feat: Add i18n support for Chinese language (#142) 2023-03-25 09:42:48 -06:00
Makefile add k8s config (#117) 2023-03-25 04:24:43 -06:00
README.md Update README.md 2023-03-28 03:22:24 -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-i18next.config.js feat: add Bahasa Indonesia support (#198) 2023-03-26 06:11:42 -06:00
next.config.js feat: add in prettier and format code for consistency (#168) 2023-03-25 23:13:18 -06:00
package-lock.json chore: migrate to vitest for 10x faster tests (#257) 2023-03-28 04:22:58 -06:00
package.json chore: migrate to vitest for 10x faster tests (#257) 2023-03-28 04:22:58 -06:00
postcss.config.js feat: add in prettier and format code for consistency (#168) 2023-03-25 23:13:18 -06:00
prettier.config.js feat: add in prettier and format code for consistency (#168) 2023-03-25 23:13:18 -06:00
tailwind.config.js make all chat area components tabbable (accessibility) (#246) 2023-03-28 02:35:57 -06:00
tsconfig.json chore: migrate to vitest for 10x faster tests (#257) 2023-03-28 04:22:58 -06:00
vitest.config.ts chore: migrate to vitest for 10x faster tests (#257) 2023-03-28 04:22:58 -06:00

README.md

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.

See a demo.

Chatbot UI

Updates

Chatbot UI will be updated over time.

Expect frequent improvements.

Next up:

  • Delete messages
  • More model settings
  • Plugins

Recent updates:

  • Prompt templates (3/27/23)
  • Regenerate & edit responses (3/25/23)
  • 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.