nuxt-ui-templates/chat

Nuxt AI Chatbot Template made with Nuxt UI and Vercel AI SDK.

What it solves

This project provides a ready-to-use application template for developers to quickly build and deploy a full-featured AI chatbot. It eliminates the need to build common chat interface elements—like chat history, authentication, and file uploads—from scratch.

How it works

The template is built using the Nuxt framework and Nuxt UI components. It integrates with the Vercel AI SDK to handle streaming AI responses and supports multiple models (such as Claude, Gemini, and GPT) via the Vercel AI Gateway. For data persistence, it uses SQLite (via Turso) and Drizzle ORM, while file uploads are managed through NuxtHub Blob.

Who it’s for

Frontend and full-stack developers who want a professional AI chat interface with integrated authentication and database persistence without spending time on boilerplate code.

Highlights

  • Streaming AI Responses: Supports real-time message streaming with thinking/reasoning capabilities.
  • Multi-Model Support: Access to various models via a unified API gateway.
  • Advanced Prompting: Includes built-in web search and dictation via WebSockets.
  • Rich UI: Features markdown rendering, code highlighting, and tool-calling for charts and weather.
  • Full Application Stack: Integrated GitHub OAuth authentication and persistent chat history.

Related

  • Project
    shadcn-ui/chatbot-template

    A minimal chatbot template built with Next.js and the Vercel AI SDK, featuring streaming chat, tool calling, and a polished shadcn/ui interface.

  • Project
    FranciscoMoretti/chat-js

    ChatJS is an EVE-native foundation for AI chat apps that provides built-in authentication, streaming, and access to 120+ models to accelerate development.

  • Project
    vuepont/ai-elements-vue

    A collection of pre-built, customizable Vue and Nuxt components for AI applications, providing UI elements for chat, reasoning, and AI workflows.

  • Project
    cloudflare/agents-starter

    A starter template for building AI chat agents on Cloudflare, featuring integrated tool-calling, task scheduling, and vision capabilities powered by the Agents SDK.

  • Project
    langchain-ai/langchain-nextjs-template

    A starter template for building AI applications with LangChain.js and Next.js, featuring implementations for streaming chat, RAG, and agentic workflows.