> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/Teeflo/PolyChat-AI/llms.txt
> Use this file to discover all available pages before exploring further.

# Welcome to PolyChat-AI

> A modern, customizable AI chat companion with multi-model support, image generation, and intelligent context enhancement

<img className="block dark:hidden" src="https://mintcdn.com/teeflo-polychat-ai/O_wRoPkh4xE8IHag/images/hero-light.png?fit=max&auto=format&n=O_wRoPkh4xE8IHag&q=85&s=e8b31d1cc691f2aff37ec8a2c8bd4e15" alt="PolyChat-AI Hero Light" width="2064" height="1104" data-path="images/hero-light.png" />

<img className="hidden dark:block" src="https://mintcdn.com/teeflo-polychat-ai/O_wRoPkh4xE8IHag/images/hero-dark.png?fit=max&auto=format&n=O_wRoPkh4xE8IHag&q=85&s=930435c09c41b20ed9caa7c07677e41a" alt="PolyChat-AI Hero Dark" width="2064" height="1104" data-path="images/hero-dark.png" />

## Your Stylish AI Chat Companion

PolyChat-AI is a next-generation AI chat web application that delivers an exceptional, interactive, and visually unique user experience. Built with modern web technologies like React 19, TypeScript, and Vite, it emphasizes customization, performance, and accessibility.

<CardGroup cols={2}>
  <Card title="Quick Start" icon="rocket" href="/quickstart">
    Get from zero to your first AI conversation in under 5 minutes
  </Card>

  <Card title="Installation" icon="download" href="/installation">
    Set up PolyChat-AI for local development
  </Card>

  <Card title="Live Demo" icon="globe" href="https://polychat-ai-xi.vercel.app">
    Try PolyChat-AI instantly without installing anything
  </Card>

  <Card title="GitHub Repository" icon="github" href="https://github.com/Teeflo/PolyChat-AI">
    View the source code and contribute
  </Card>
</CardGroup>

## Key Features

### Multi-Model AI Access

Access 100+ language models through OpenRouter integration including GPT-4o, Claude 4 Sonnet, Gemini 2.5 Pro, and many more. Switch models mid-conversation or run up to 3 AI models simultaneously for comparison.

<CardGroup cols={2}>
  <Card title="Chat Interface" icon="messages" href="/features/chat-interface">
    Intelligent conversations with real-time streaming responses
  </Card>

  <Card title="Multi-Model Chat" icon="grid-2" href="/features/multi-model-chat">
    Compare responses from up to 3 AI models side-by-side
  </Card>
</CardGroup>

### AI Image Generation

Generate images directly within conversations using multimodal AI models with automatic prompt optimization and intelligent fallback systems.

<Info>
  **Supported Models**: Gemini 2.5 Flash, GPT-4o, Claude 3.5 Sonnet

  **Features**: Multiple size options, style presets, mood settings, lighting options
</Info>

### RAG Context Enhancement

Intelligent conversation context using local embeddings powered by @xenova/transformers with the all-MiniLM-L6-v2 model. All processing is done locally for maximum privacy.

<CardGroup cols={2}>
  <Card title="Image Generation" icon="image" href="/features/image-generation">
    Create images with AI using advanced multimodal models
  </Card>

  <Card title="RAG Context" icon="brain" href="/features/rag-context">
    Enhance conversations with semantic search
  </Card>
</CardGroup>

### Templates & Quick Actions

Jump-start conversations with 27 professionally crafted templates across 7 categories including Programming, Writing, Analysis, Creative, Learning, Business, and Personal.

Apply instant transformations with 10+ quick actions:

* Explain Code, Optimize, Debug, Add Comments
* Translate, Summarize, Review, Improve
* Simplify, Expand, and more

<CardGroup cols={2}>
  <Card title="Templates" icon="file-lines" href="/features/templates">
    Pre-built prompts for common tasks
  </Card>

  <Card title="Quick Actions" icon="bolt" href="/features/quick-actions">
    Instant text and code transformations
  </Card>
</CardGroup>

## Customization

Personalize your experience with visual themes (Dark, Light) and 8 accent colors (Violet, Blue, Green, Rose, Orange, Teal, Red, Cyan).

<Card title="Customization Guide" icon="palette" href="/guides/customization">
  Learn how to customize themes, colors, and settings
</Card>

## Technical Stack

| Layer            | Technology                                 |
| ---------------- | ------------------------------------------ |
| Frontend         | React 19 + TypeScript + Vite               |
| Styling          | Tailwind CSS 4 with custom themes          |
| State Management | Zustand for performant state handling      |
| API              | OpenRouter for language model access       |
| Embeddings       | @xenova/transformers for local RAG         |
| Build Tool       | Vite for ultra-fast development and builds |

## Next Steps

<Steps>
  <Step title="Try the Quick Start">
    Follow our [quickstart guide](/quickstart) to get your first chat conversation running in minutes.
  </Step>

  <Step title="Install Locally">
    Set up PolyChat-AI for local development with our [installation guide](/installation).
  </Step>

  <Step title="Explore Features">
    Dive into [core features](/features/chat-interface) to learn about advanced capabilities.
  </Step>

  <Step title="Customize Your Experience">
    Make it yours with [customization options](/guides/customization).
  </Step>
</Steps>

<Note>
  **Need help?** Visit our [GitHub repository](https://github.com/Teeflo/PolyChat-AI) or check the [troubleshooting guide](/advanced/troubleshooting).
</Note>