/nextjs-chatgpt-app

💬 Responsive chat application powered by OpenAI's GPT-4, with response streaming, code highlighting, various presets for developers. Using Next.js, React, Joy.

Primary LanguageTypeScriptMIT LicenseMIT

BIG-AGI 🤖💬

Welcome to big-AGI! 🎉 Personal AGI App, powered by OpenAI GPT-4 and beyond. Designed for smart humans and super-heroes, this responsive web app comes with Streaming, Code Execution, PDF imports, Voice support, data Rendering, AGI functions and chats. Show your friends some #big-agi-energy 🚀

Official Website

Or click fork & run on Vercel

Deploy with Vercel

Useful 👊

  • Engaging AI Personas
  • Clean UX, w/ tokens counters
  • Privacy: user-owned API keys and localStorage
  • Human I/O: Advanced voice support (TTS, STT)
  • Machine I/O: PDF import & Summarization, code execution
  • Many more updates & integrations: ElevenLabs, Helicone, Paste.gg
  • Coming up: automatic-AGI reasoning

Features

🚨 April: moar #big-agi-energy

  • 🎉 Voice Synthesis 📣 with ElevenLabs, including selection of custom voices
  • 🎉 Image Generation using Prodia API Keys (BYOK), just /imagine (or /img or /i) it
  • 🎉 Precise Token Counter 📈 extra-useful to pack the context window
  • 🎉 Install Mobile APP 📲 looks like native (@harlanlewis)
  • 🎉 UI language with auto-detect, and future app language! (@tbodyston)
  • 🎉 PDF Summarization 🧩🤯 - ask questions to a PDF! (@fredliubojin)
  • 🎉 Code Execution: Codepen/Replit 💻 (@harlanlewis)
  • 🎉 SVG Drawing - draw with AI 🎨
  • 🎉 Chats: multiple chats, AI titles, Import/Export, Selection mode
  • 🎉 Rendering: Markdown, SVG, improved Code blocks
  • 🎉 Integrations: OpenAI organization ID
  • 🎉 Cloudflare deployment instructions, awesome-agi
  • 🎉 Typing Avatars ⌨️

March: first release

  • 🎉 AI Personas - including Code, Science, Corporate, and Chat 🎭
  • 🎉 Privacy: user-owned API keys 🔑 and localStorage 🛡️
  • 🎉 Context - Attach or Drag & Drop files to add them to the prompt 📁
  • 🎉 Syntax highlighting - for multiple languages 🌈
  • 🎉 **Code Execution: Sandpack ** - now on branch variant-code-execution
  • 🎉 Chat with GPT-4 and 3.5 Turbo 🧠💨
  • 🎉 Real-time streaming of AI responses
  • 🎉 Voice Input 🎙️ - works great on Chrome / Windows
  • 🎉 Integration: Paste.gg integration for chat sharing 📥
  • 🎉 Integration: Helicone integration for API inspectability 📊
  • 🌙 Dark model - Wide mode ⛶

Support 🙌

Official Discord

Why this? 💡

Because the official Chat lacks important features, is more limited than the api, at times slow or unavailable, and you cannot deploy it yourself, remix it, add features, or share it with your friends. Our users report that big-AGI is faster, more reliable, and features rich with features that matter to them.

Outdated screenshot below: Ask away, paste a ton, copy the gems

Code 🧩

TypeScript React Next.js

Clone this repo, install the dependencies, and run the development server:

git clone https://github.com/enricoros/big-agi.git
cd big-agi
npm install
npm run dev

Now the app should be running on http://localhost:3000

Integrations:

  • ElevenLabs Voice Synthesis (bring your own voice too) - Settings > Text To Speech
  • Helicone LLM Observability Platform - Settings > Advanced > API Host: 'oai.hconeai.com'
  • Paste.gg Paste Sharing - Chat Menu > Share via paste.gg
  • Prodia Image Generation - Settings > Image Generation > Api Key & Model

This project is licensed under the MIT License.

GitHub stars GitHub forks GitHub pull requests License

Made with 💙