Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Want to build an OpenAI chatbot? Use Chatbot UI! It’s a simple, fully-functional chatbot starter kit using Next.js, TypeScript, and Tailwind CSS. Clone it and start building instantly. GitHub:

Mckay Wrigley

228,275 subscribers

98,135 views • 3 years ago •via X (Twitter)

Comedy Science & Technology Education

Anya Rossi• Live Now

Private livecam show

10 Comments

Mckay Wrigley3 years ago

If you like this, then I’ve got some stuff up my sleeve in the works that you’re going to LOVE.

Austin Johnson3 years ago

Very cool - this looks like a great foundation to start a lot of app ideas with.

Mckay Wrigley3 years ago

@AustonianTX Has all the important stuff you need to get going. Easy for people to make whatever bot they want from there.

Jon Seidmann3 years ago

Wow, now I really believe your sleep numbers (or lack thereof)

Mckay Wrigley3 years ago

I’m going to crash tonight lol

Prometheus3 years ago

added the pdf chat feature by uploading later saving it locally or in the resulting supabase

PlausTech3 years ago

Nice!

Finn Elliott3 years ago

Really useful, thank you! Started using already. Added ‘whitespace-pre-line’ class to message content div to preserve line breaks

Mckay Wrigley3 years ago

That’s a smart add

Vishwas Karhade3 years ago

Very nice. Can't wait to see what more you come up with.

Related Videos

Announcing Firestarter - an open-source Chatbot building platform 🔥 Crawl websites, train chatbots on multiple sources, and automatically generate endpoints for every bot. Try out the perfect chatbot starter kit today 👇

Announcing Firestarter - an open-source Chatbot building platform 🔥 Crawl websites, train chatbots on multiple sources, and automatically generate endpoints for every bot. Try out the perfect chatbot starter kit today 👇

Firecrawl

90,104 views • 1 year ago

We're open sourcing an entire Chatbot building platform in 3 days 👀 Crawl websites with Firecrawl, create chatbots trained on multiple sources, and get auto-generated API endpoints for every bot. The perfect chatbot starter kit is coming. Stay tuned!

We're open sourcing an entire Chatbot building platform in 3 days 👀 Crawl websites with Firecrawl, create chatbots trained on multiple sources, and get auto-generated API endpoints for every bot. The perfect chatbot starter kit is coming. Stay tuned!

Nicolas Camara

47,425 views • 1 year ago

text-to-svg/icon Figma plugin built with Next.js, shadcn UI, and Tailwind CSS + Replicate API! It's open source, and I hope it helps anyone looking to build their own plugin! 🤠 Github:

text-to-svg/icon Figma plugin built with Next.js, shadcn UI, and Tailwind CSS + Replicate API! It's open source, and I hope it helps anyone looking to build their own plugin! 🤠 Github:

Lichin Lin

25,157 views • 1 year ago

The normies are beginning to get it - AI will change everything Start by vibe coding and build something using AI - a RAG chatbot - simple AI agent - front-end website A simple calorie tracker built with a single prompt!

The normies are beginning to get it - AI will change everything Start by vibe coding and build something using AI - a RAG chatbot - simple AI agent - front-end website A simple calorie tracker built with a single prompt!

Bindu Reddy

17,333 views • 1 year ago

Introducing the open-source Next.js Audio Starter Kit Add Text to Speech, Speech to Text, Sound Effects and Conversational AI to your product in minutes. Built with: • ElevenLabs SDK • Next.js + shadcn/ui • Tailwind CSS v4 Repo link in the comments below:

Introducing the open-source Next.js Audio Starter Kit Add Text to Speech, Speech to Text, Sound Effects and Conversational AI to your product in minutes. Built with: • ElevenLabs SDK • Next.js + shadcn/ui • Tailwind CSS v4 Repo link in the comments below:

ElevenLabs Developers

145,836 views • 1 year ago

The best way to learn about AI is to build an AI app yourself. With tools like Bubble and OpenAI, you can create apps like an AI chatbot without writing code 🤯 Stay ahead on AI and start learning today:

The best way to learn about AI is to build an AI app yourself. With tools like Bubble and OpenAI, you can create apps like an AI chatbot without writing code 🤯 Stay ahead on AI and start learning today:

Seth Kramer

2,614,004 views • 3 years ago

V1 of my prompt cheatsheet is live! Download the json file and import it into Chatbot UI to add 20+ prompts to your code workflow. I’ll be back soon with: - More complex, powerful prompts. - A system for choosing which prompts you want to use. GitHub:

V1 of my prompt cheatsheet is live! Download the json file and import it into Chatbot UI to add 20+ prompts to your code workflow. I’ll be back soon with: - More complex, powerful prompts. - A system for choosing which prompts you want to use. GitHub:

Mckay Wrigley

189,592 views • 3 years ago

Introducing BabyAGI UI 👶🤖🖥️ BabyAGI UI is an open-source user interface for BabyAGI . It can be easily developed and deployed. - Framework: Next.js - Styling/UI: Tailwind CSS / Radix by WorkOS - Vector DB: Pinecone - LLMs develop: Demo & Github Link ↓

Introducing BabyAGI UI 👶🤖🖥️ BabyAGI UI is an open-source user interface for BabyAGI . It can be easily developed and deployed. - Framework: Next.js - Styling/UI: Tailwind CSS / Radix by WorkOS - Vector DB: Pinecone - LLMs develop: Demo & Github Link ↓

Yoshiki Miura

244,922 views • 3 years ago

An LLM without tools is just a chatbot. On this week’s livestream, learn how to feed an OpenAPI spec directly into the Agent Development Kit (ADK), instantly teaching your agent how to use your backend APIs →

An LLM without tools is just a chatbot. On this week’s livestream, learn how to feed an OpenAPI spec directly into the Agent Development Kit (ADK), instantly teaching your agent how to use your backend APIs →

Google Cloud Tech

39,679 views • 1 month ago

@Grok is no longer just a chatbot. 35 cents. 2 prompts. A fully functional 3D holographic SpaceX Starship simulator. Grok Build 0.1 did in minutes what used to cost thousands of dollars and weeks of engineering hours.

@Grok is no longer just a chatbot. 35 cents. 2 prompts. A fully functional 3D holographic SpaceX Starship simulator. Grok Build 0.1 did in minutes what used to cost thousands of dollars and weeks of engineering hours.

Mario Nawfal

84,008 views • 2 months ago

Introducing RAGApp 💫 A no-code interface to configure a RAG chatbot, as dead-simple as GPTs by OpenAI. It’s a docker container that’s easily deployable in any cloud infrastructure. Best of all, it’s fully open-source 🔥 1️⃣ Setup the LLM: Configure the model provider (OpenAI, Gemini) 2️⃣ Setup the data: Define the system prompt and upload your knowledge base. 3️⃣ Launch the chatbot both via the UI or API 4️⃣ If via the UI, stream intermediate events and also sources! This is fantastic work by Marcus Schiesser and is built upon the same DNA as our create-llama project. Check out RAGApp today:

Introducing RAGApp 💫 A no-code interface to configure a RAG chatbot, as dead-simple as GPTs by OpenAI. It’s a docker container that’s easily deployable in any cloud infrastructure. Best of all, it’s fully open-source 🔥 1️⃣ Setup the LLM: Configure the model provider (OpenAI, Gemini) 2️⃣ Setup the data: Define the system prompt and upload your knowledge base. 3️⃣ Launch the chatbot both via the UI or API 4️⃣ If via the UI, stream intermediate events and also sources! This is fantastic work by Marcus Schiesser and is built upon the same DNA as our create-llama project. Check out RAGApp today:

LlamaIndex 🦙

123,977 views • 2 years ago

I prompted Fable 5 with "Create a 1:1 clone of Slack using Typescript, Electron, Tailwind, SQLite. Make it beautiful and functional. Even better than the original Slack." and it oneshotted this UI as well as server in less than 10 minutes. Pretty damn good first shot.

I prompted Fable 5 with "Create a 1:1 clone of Slack using Typescript, Electron, Tailwind, SQLite. Make it beautiful and functional. Even better than the original Slack." and it oneshotted this UI as well as server in less than 10 minutes. Pretty damn good first shot.

Dwayne

323,340 views • 2 months ago

Mate. A man fell in love with an AI chatbot and PROPOSED to it. We are f*cked.

Mate. A man fell in love with an AI chatbot and PROPOSED to it. We are f*cked.

Russell Brand

57,922 views • 1 year ago

Meet Houston, your AI data engineer. Run natural language queries with prompt-to-SQL and generate instant charts and dashboards. Build a data pipeline in seconds with our OpenAI chatbot. 🚀#MeetHouston

Meet Houston, your AI data engineer. Run natural language queries with prompt-to-SQL and generate instant charts and dashboards. Build a data pipeline in seconds with our OpenAI chatbot. 🚀#MeetHouston

Space and Time

141,661 views • 3 years ago

I spent the last 48 hours building on top of the new ChatGPT API. You can now create a custom ChatGPT from the content of your website using You can then take that chatbot and add it to any website as a chat bubble. Pinecone OpenAI

I spent the last 48 hours building on top of the new ChatGPT API. You can now create a custom ChatGPT from the content of your website using You can then take that chatbot and add it to any website as a chat bubble. Pinecone OpenAI

Yasser

930,038 views • 3 years ago

We do not use a chatbot interface in our schools for academics, and here’s the reason: give a kid a chatbot, and they will cheat with it. As much as we’d love to imagine they’re going to get on ChatGPT and engage in a Socratic discussion, they don’t. They copy the question and paste, “What’s the answer?”

We do not use a chatbot interface in our schools for academics, and here’s the reason: give a kid a chatbot, and they will cheat with it. As much as we’d love to imagine they’re going to get on ChatGPT and engage in a Socratic discussion, they don’t. They copy the question and paste, “What’s the answer?”

MacKenzie Price

36,884 views • 2 months ago

I built a simple internal chatbot that answers your team's SOPs and FAQs using your existing Google Drive docs in the walkthrough, I show: – how it finds the right doc for any question – how your team can “@” specific files (like in Slack) – how to set it up and share it with your team in minutes reply “chatbot” and I’ll send the full video + code (must be following)

I built a simple internal chatbot that answers your team's SOPs and FAQs using your existing Google Drive docs in the walkthrough, I show: – how it finds the right doc for any question – how your team can “@” specific files (like in Slack) – how to set it up and share it with your team in minutes reply “chatbot” and I’ll send the full video + code (must be following)

Tyler

27,273 views • 1 year ago

Your Canva designs just became interactive! We’re thrilled to launch Jotform's AI Chatbot for Canva, making it easy to add a fully interactive, AI-powered chatbot directly into your designs. Now your designs can answer questions and engage your audience in real time, driving meaningful action in minutes. Try it out here:

Your Canva designs just became interactive! We’re thrilled to launch Jotform's AI Chatbot for Canva, making it easy to add a fully interactive, AI-powered chatbot directly into your designs. Now your designs can answer questions and engage your audience in real time, driving meaningful action in minutes. Try it out here:

Jotform

29,996 views • 6 months ago