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.
Updates
Chatbot UI Pro will be updated over time.
Expect frequent improvements.
Next up:
- Mobile view
- Saving via data export
- Folders
Recent updates:
- Markdown support (3/17/23)
- Code syntax highlighting (3/18/23)
- Toggle sidebar (3/18/23)
- Conversation naming (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.
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)