More Premium Hugo Themes Premium Vue Themes

Chat Vue

Vue AI Chatbot Template made with Nuxt UI, Vercel AI SDK, Vite and Nitro.

Chat Vue

Vue AI Chatbot Template made with Nuxt UI, Vercel AI SDK, Vite and Nitro.

Github Stars Github Stars: 60
Last Commit Last Commit: Jan 12, 2026 -
First Commit Created: Jan 17, 2026 -
Chat Vue screenshot

Overview

The Vue AI Chatbot Template is an impressive and full-featured application designed for creating robust chat experiences. Built with Nuxt UI components, this template offers authentication features, persistent chat history, and a seamless user interface that can adapt to light and dark modes. The integration with the latest AI SDK v5 ensures that users have access to a powerful backend, making it an ideal choice for developers looking to streamline their chatbot development.

This application embodies modern development practices with features like a collapsible sidebar and command palette, making navigation intuitive. Whether you are building a customer service bot or a general inquiry assistant, this template has all the necessary tools to create a dynamic chatbot experience, all while being easy to deploy.

Features

  • Streaming AI Messages: Enjoy real-time communication with Chat messages powered by the AI SDK v5 for an interactive experience.
  • Multiple Model Support: Access various AI providers seamlessly with built-in AI Gateway support, enhancing flexibility.
  • Secure Authentication: Utilize GitHub OAuth for secure user authentication, ensuring a trustworthy sign-in process.
  • Chat History Persistence: Keep conversations alive with chat history stored using PostgreSQL and Drizzle ORM.
  • Markdown Rendering: Elevate user interaction by rendering messages with markdown via vue-markdown-render.
  • Effortless Deployment: Deploy to Vercel easily without complex configurations, making rollout a breeze.
  • Unified API for AI Access: Benefit from a single endpoint that connects multiple AI models, ensuring smooth functionality with automatic load balancing and monitoring.
  • Enhanced Development Integration: Features like Renovate integration streamline dependency management, simplifying updates and maintenance.