• Stars
    star
    918
  • Rank 49,757 (Top 1.0 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 1 year ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A simple chatbot starter kit for OpenAI's chat model using Next.js, TypeScript, and Tailwind CSS.

Chatbot UI Lite

A simple chatbot starter kit for OpenAI's chat model using Next.js, TypeScript, and Tailwind CSS.

See a demo.

For an advanced version, see Chatbot UI.

Chatbot UI Lite

Features

Chatbot UI Lite provides a simple, fully-functional chat interface that you can use to start building your own chatbot apps powered by OpenAI.

It has everything you need to hit the ground running.

Modify the chat interface in components/Chat.

Tweak the system prompt in utils/index.ts.

Tweak the assistant prompt in pages/index.tsx.

Deploy

Vercel

Host your own live version of Chatbot UI Lite with Vercel.

Deploy with Vercel

Replit

Fork Chatbot UI on Replit here.

Running Locally

1. Clone Repo

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

You should be able to start chatting with the bot.

Now, go build the app into whatever kind of chatbot you want!

Contact

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

More Repositories

1

chatbot-ui

AI chat for every model.
TypeScript
27,035
star
2

ai-code-translator

Use AI to translate code from one language to another.
TypeScript
3,829
star
3

paul-graham-gpt

AI search & chat for all of Paul Graham’s essays.
TypeScript
2,622
star
4

clarity-ai

A simple Perplexity AI clone.
TypeScript
1,064
star
5

prompts

My favorite AI prompts.
832
star
6

ai-brainstore

A proof-of-concept of a brain for an AI agent.
TypeScript
681
star
7

repo-chat

Use AI to ask questions about any GitHub repo.
Python
596
star
8

wait-but-why-gpt

AI search & chat for all Wait But Why posts.
TypeScript
343
star
9

kindle-gpt

AI search & chat on your Kindle highlights.
TypeScript
254
star
10

naval-gpt

AI search & chat for Naval Ravikant's Twitter thread "How To Get Rich."
TypeScript
163
star
11

nba-cba-ai-chat

Use AI to ask questions about the new 676-page NBA CBA.
TypeScript
122
star
12

storybook-ai

Use AI to write complete stories.
TypeScript
113
star
13

the-network-state-gpt

AI search & chat for Balaji Srinivasan's "The Network State."
TypeScript
66
star
14

takeoff-school-your-1st-ai-app

Learn to code your 1st AI app in 21 lines of Python in ~30min!
Python
58
star
15

mckaywrigley

Config files for my GitHub profile.
29
star
16

web-app-starter

TypeScript
23
star
17

generative-ui-experiments

16
star
18

takeoff-openai-assistants

Join Takeoff for full tutorial.
14
star
19

takeoff-vercel-ai-sdk

TypeScript
6
star
20

typescript-starter

TypeScript
5
star
21

buildware

TypeScript
3
star
22

takeoff-todo-app

Source code for the Todo App from Section 2 of "Building Full-Stack Apps with AI" on Takeoff.
TypeScript
2
star
23

takeoff-openai-api

TypeScript
2
star
24

takeoff-google-gen-ai-api

TypeScript
2
star
25

takeoff-openrouter-api

2
star
26

takeoff-mistral-api

TypeScript
2
star
27

takeoff-groq-api

TypeScript
2
star
28

takeoff-perplexity-api

TypeScript
2
star
29

takeoff-notes-app-starter

TypeScript
1
star
30

takeoff-anthropic-api

1
star