Go to file
Mckay Wrigley 761314c20b code syntax highlights 2023-03-18 01:52:43 -06:00
components code syntax highlights 2023-03-18 01:52:43 -06:00
pages fix deletion bug 2023-03-15 08:32:21 -06:00
public readme udpate 2023-03-15 06:20:11 -06:00
styles chatbot-ui starter 2023-03-13 19:21:14 -06:00
types mvp 2023-03-15 06:04:12 -06:00
utils add markdown 2023-03-17 19:25:04 -06:00
.eslintrc.json chatbot-ui starter 2023-03-13 19:21:14 -06:00
.gitignore chatbot-ui starter 2023-03-13 19:21:14 -06:00
README.md code syntax highlights 2023-03-18 01:52:43 -06:00
license chatbot-ui starter 2023-03-13 19:21:14 -06:00
next.config.js chatbot-ui starter 2023-03-13 19:21:14 -06:00
package-lock.json code syntax highlights 2023-03-18 01:52:43 -06:00
package.json code syntax highlights 2023-03-18 01:52:43 -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 Pro

Chatbot UI Pro is an advanced chatbot kit for OpenAI's chat models built on top of Chatbot UI 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 Pro

Updates

Chatbot UI Pro will be updated over time.

Expect frequent improvements.

Next up:

  • Mobile view
  • Conversation naming
  • Saving via data export
  • Folders

Recent updates:

  • Added markdown support (3/17/23)
  • Add code syntax highlighting (3/18/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 Pro with Vercel.

Deploy with Vercel

Replit

Fork Chatbot UI Pro on Replit here.

Running Locally

1. Clone Repo

git clone https://github.com/mckaywrigley/chatbot-ui-pro.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.

Contributors

@PeterTakahashi: Added input support for Japanese users (3/17/23)