**Multi-Model AI Chat Platform for Conversations, Web Search, and Media Creation**
[](https://nextjs.org/) [](https://react.dev/) [](https://www.mongodb.com/) [](https://zeabur.com/) [](LICENSE)
[**English**](README.md) | [**简体中文**](README_ZH.md) | [**日本語**](README_JA.md)
OpenAI |
Anthropic |
xAI |
|
Alibaba Cloud |
Alibaba Cloud |
Moonshot AI |
Alibaba Cloud |
Overview
Vectaix AI is a production-grade, multi-model AI chat platform that unifies leading language models under a single, elegant interface. Rather than locking users into one AI provider, Vectaix gives you the freedom to switch between frontier models.
Features
🤖 Multi-Model Intelligence
Access 7 chat models through a unified interface. Switching models starts a new topic so each model keeps a clean, independent context.
| Model | Provider | Context Window | Inputs | Thinking | Web Search |
|---|---|---|---|---|---|
| GPT-5.6 Sol | OpenAI | 1.05M | Text, Image | ✅ | ✅ |
| Claude Opus 5 | Anthropic | 1M | Text, Image | ✅ | ✅ |
| Gemini 3.7 Flash | 1M | Text, Image, Audio, Video | ✅ | ✅ | |
| Abliterated Model Large | Abliteration AI | 1M | Text | ✅ | ✅ |
| Grok 4.5 | xAI | 500K | Text, Image | ✅ | ✅ |
| Kimi K3 | Moonshot AI | 1M | Text, Image | ✅ | ✅ |
| Qwen 3.8 Max | Alibaba Cloud | 1M | Text, Image | ✅ | ✅ |
Dedicated media models:
| Model | Provider | Capability |
|---|---|---|
| Qwen Image 3.0 Pro | Alibaba Cloud | Image generation and editing with 1–3 reference images |
| HappyHorse 1.1 / Video Edit 1.0 | Alibaba Cloud | Text-to-video, first-frame-to-video, multi-reference-to-video, and video editing |
| Doubao Audio Generation 1.0 | Volcengine | Generate up to 120 seconds of speech, sound effects, or scene audio from text or reference audio |
| Qwen Audio 3.0 TTS Plus | Alibaba Cloud | Multilingual speech synthesis, expression control, and voice cloning |
🌐 Web Browsing & Search
Real-time access to the internet with intelligent multi-round browsing capabilities.
- Smart Search — Discover fresh, relevant sources with Firecrawl Search
- Page Crawling — Extract selected pages as clean Markdown with Firecrawl Scrape
- Multi-Page Browsing — Crawl multiple pages in a single session
- Inline Citations — Every claim backed by traceable source references
📎 Private Multimodal Files
Upload private media files stored on the Zeabur mounted disk.
| File Type | Supported Formats | Capability |
|---|---|---|
| 🖼️ Images | PNG, JPG, GIF, WebP | Visual analysis, OCR, description |
| 🎵 Audio | MP3, WAV, M4A, AAC, OGG | Gemini audio understanding |
| 🎬 Video | MP4, MOV, WebM, M4V | Gemini video understanding |
✨ Polished User Experience
| **💬 Conversation Management** - Persistent chat history with MongoDB - Pin important conversations - Conversation-specific model & settings | **🎨 Themes & Customization** - Dark / Light mode with smooth transitions - Adjustable font size - Completion sound with volume control - Custom user avatars |
| **📝 Rich Markdown Rendering** - Full GitHub Flavored Markdown (GFM) - LaTeX math equations (KaTeX) - Syntax-highlighted code blocks - Scrollable tables with copy support | **🔐 Authentication & Security** - MongoDB-backed server session management - Bcrypt password hashing - Rate limiting on all endpoints - Admin user management panel |
| **⚙️ Advanced Controls** - Per-model thinking level adjustment - Max tokens control - Custom system prompts with presets - Media resolution settings | **📱 Progressive Web App** - Installable on any device - Mobile-optimized responsive UI - Touch-friendly interface - Offline-capable manifest |
Architecture
vectaix-ai/
├── app/
│ ├── api/
│ │ ├── chat/ # Multi-provider chat
│ │ ├── auth/ # Authentication endpoints
│ │ ├── conversations/ # Conversation CRUD
│ │ ├── media/ # Image/video generation
│ │ ├── upload/ # Private disk file upload
│ │ └── admin/ # Admin management
│ ├── components/ # React UI components
│ │ ├── chat/ # Chat input & model selector
│ │ ├── message/ # Message display components
│ │ │ ├── MessageList.js
│ │ │ └── ...
│ └── ChatApp.js # Root application component
├── lib/
│ ├── client/ # Client-side utilities
│ │ ├── chat/ # Chat actions & runtime
│ │ └── hooks/ # React hooks (theme, settings)
│ ├── server/ # Server-side logic
│ │ ├── chat/ # Provider adapters, config, prompts
│ │ ├── webBrowsing/ # Web search & crawl engine
│ │ ├── storage/ # Mounted-disk storage service
│ │ └── conversations/ # Conversation storage logic
│ └── shared/ # Shared constants & types
│ ├── models.js # Model definitions & capabilities
│ ├── attachments.js # File type handling
│ └── webSearch.js # Search configuration
├── models/ # Mongoose schemas
│ ├── User.js
│ ├── Conversation.js
│ └── StoredFile.js
└── public/ # Static assets
Tech Stack
Next.js 16 |
React 19 |
Tailwind CSS |
MongoDB |
Node.js |
| Layer | Technologies |
|---|---|
| Frontend | Next.js 16 · React 19 · Tailwind CSS · Framer Motion · Ant Design · Lucide Icons |
| Backend | Next.js API Routes · Node.js · SSE (Server-Sent Events) Streaming |
| Database | MongoDB with Mongoose ODM |
| Storage | Zeabur mounted disk (private media files) |
| AI Providers | OpenRouter · Abliteration · Alibaba Cloud Model Studio |
| Auth | MongoDB server sessions · bcryptjs |
| Rendering | react-markdown · rehype-highlight · rehype-katex · remark-gfm · remark-math |
| Deployment | Zeabur native Next.js service (single instance) |
Getting Started
Prerequisites
- Zeabur project connected to the Git repository
- MongoDB instance
- API keys for at least one AI provider
Deploy on Zeabur
- Create a service from the Git repository with Deploy your source code. Zeabur will automatically recognize the Next.js project and run its npm build/start scripts.
- Create a persistent volume named
vectaix-dataand mount it at/data. - Set the HTTP port to
3000and the health check path to/api/health. - Add the environment variables below, then redeploy.
Environment Variables
| Variable | Required | Description |
|---|---|---|
MONGO_URI |
✅ | MongoDB connection string |
STORAGE_ROOT |
✅ | Mounted disk directory, use /data/vectaix on Zeabur |
ADMIN_EMAILS |
— | Comma-separated administrator email addresses |
OPENROUTER_API_KEY |
— | Shared OpenRouter API key for the GPT, Grok, Claude, Gemini, and Kimi K3 chat models |
ABLIT_KEY |
— | Abliteration API key (ak_...) for Abliterated Model Large |
DASHSCOPE_API_KEY |
— | Alibaba Cloud Model Studio API key for Qwen 3.8 Max, Qwen Image 3.0 Pro, HappyHorse video, and Qwen Audio 3.0 TTS Plus |
DOUBAO_AUDIO_API_KEY |
— | Volcengine new-console API key for Doubao Audio Generation 1.0 |
PUBLIC_APP_URL |
— | Public HTTPS address of the deployed app, used by HappyHorse to read input media |
FIRECRAWL_API_KEY |
— | API key for Firecrawl Search and Scrape |
[!TIP] Configure the key for every model or feature you enable. Missing keys return a clear configuration error.
License
This project is licensed under the MIT License.
### ⭐ Star History
**If you find Vectaix AI useful, please consider giving it a ⭐** [](https://github.com/Noah-Wu66/Vectaix-AI/stargazers) [](https://github.com/Noah-Wu66/Vectaix-AI/network/members)
Built with intelligence. Designed for creative freedom.