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

# Welcome to Airi Documentation

> Build your own AI companion with realtime voice chat, Live2D/VRM models, and game-playing capabilities

<div className="relative w-full overflow-hidden bg-gradient-to-br from-[#ec98b1]/20 via-[#f7f0f1] to-white dark:from-[#ec98b1]/10 dark:via-[#0f1117] dark:to-[#1a1d27] py-20">
  <div className="max-w-6xl mx-auto px-6 sm:px-8">
    <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 items-center">
      <div className="lg:col-span-7">
        <h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold text-gray-900 dark:text-white mb-6">
          Your Personal AI Companion
        </h1>

        <p className="text-lg sm:text-xl text-gray-600 dark:text-gray-400 max-w-2xl mb-8">
          Self-hosted, open-source AI VTuber platform with realtime voice chat, Live2D/VRM support, and the ability to play games like Minecraft and Factorio alongside you.
        </p>

        <div className="flex flex-wrap gap-4">
          <a href="/quickstart" className="inline-flex items-center px-6 py-3 text-base font-medium rounded-lg text-white bg-[#ec98b1] hover:bg-[#e87fa1] transition-colors duration-200 no-underline">
            Get Started

            <svg className="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 7l5 5m0 0l-5 5m5-5H6" />
            </svg>
          </a>

          <a href="/introduction" className="inline-flex items-center px-6 py-3 text-base font-medium rounded-lg text-[#ec98b1] bg-white/10 dark:bg-white/5 border border-[#ec98b1]/30 hover:border-[#ec98b1] transition-colors duration-200 no-underline">
            Learn More
          </a>
        </div>
      </div>

      <div className="lg:col-span-5 hidden lg:block">
        <div className="relative">
          <img src="https://media.brand.dev/6803a3c4-5019-4b0a-92ec-8a91d991ecaa.svg" alt="Airi mascot" noZoom className="w-full h-auto max-w-md mx-auto drop-shadow-2xl" />
        </div>
      </div>
    </div>
  </div>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <div className="text-center mb-12">
    <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-4">
      Quick Start
    </h2>

    <p className="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">
      Get your AI companion up and running in minutes
    </p>
  </div>

  <Steps>
    <Step title="Choose your platform">
      Airi runs on Web, Desktop (Windows, macOS, Linux), and Mobile (iOS, Android). Pick the platform that works best for you.

      ```bash theme={null}
      # Desktop: Download from releases
      # Web: Visit https://airi.moeru.ai
      # Mobile: Install from App Store or Google Play
      ```
    </Step>

    <Step title="Configure your LLM provider">
      Connect Airi to your preferred AI provider. Supports OpenAI, Anthropic Claude, Google Gemini, local models via Ollama, and 40+ other providers.

      <Accordion title="See supported providers">
        * OpenAI (GPT-4, GPT-3.5)
        * Anthropic Claude
        * Google Gemini
        * DeepSeek
        * Ollama (local models)
        * OpenRouter
        * And 40+ more through xsAI
      </Accordion>
    </Step>

    <Step title="Customize your character">
      Choose or import a Live2D or VRM character model. Configure voice synthesis, personality traits, and behavioral parameters to create your unique companion.
    </Step>

    <Step title="Start chatting">
      Enable realtime voice chat or use text. Your AI companion can see your screen, play games with you, and integrate with Discord, Telegram, and more.

      <Note>
        Airi supports client-side speech recognition and multiple TTS providers including ElevenLabs for high-quality voice synthesis.
      </Note>
    </Step>
  </Steps>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <div className="text-center mb-12">
    <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-4">
      Explore Features
    </h2>

    <p className="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">
      Discover what makes Airi special
    </p>
  </div>

  <CardGroup cols={2}>
    <Card title="Realtime Voice Chat" icon="microphone" href="/features/voice-chat">
      Natural conversations with your AI companion using advanced speech recognition and synthesis
    </Card>

    <Card title="Live2D & VRM Support" icon="user" href="/features/character-models">
      Bring your characters to life with full Live2D and VRM model support with auto-blink and look-at
    </Card>

    <Card title="Game Integration" icon="gamepad" href="/integrations/minecraft">
      Play Minecraft and Factorio together with your AI companion as a teammate
    </Card>

    <Card title="Multi-Platform" icon="laptop-mobile" href="/platforms/web">
      Run on web browsers, desktop apps (Electron), or mobile devices (iOS/Android)
    </Card>

    <Card title="Memory System" icon="brain" href="/features/memory-system">
      Persistent memory with DuckDB for context-aware conversations across sessions
    </Card>

    <Card title="Plugin Architecture" icon="puzzle-piece" href="/development/plugins">
      Extend Airi with custom plugins for integrations, tools, and behaviors
    </Card>
  </CardGroup>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <div className="text-center mb-12">
    <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-4">
      Platform Support
    </h2>

    <p className="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">
      Choose how you want to run Airi
    </p>
  </div>

  <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
    <a href="/platforms/web" className="group block rounded-2xl border border-gray-200 dark:border-[#27272a] hover:border-[#ec98b1] dark:hover:border-[#ec98b1] overflow-hidden transition-colors duration-200 no-underline">
      <div className="h-48 bg-gradient-to-br from-[#ec98b1]/10 to-[#f7f0f1]/20 dark:from-[#ec98b1]/5 dark:to-[#1a1d27] flex items-center justify-center">
        <svg className="w-20 h-20 text-[#ec98b1]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
        </svg>
      </div>

      <div className="p-6 bg-white dark:bg-[#1a1d27]">
        <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">Stage Web</h3>

        <p className="text-sm text-gray-600 dark:text-gray-400 mb-3">
          Run Airi in any modern browser with WebGPU support. No installation required.
        </p>

        <div className="flex items-center text-sm font-medium text-[#ec98b1] group-hover:text-[#e87fa1]">
          Learn more

          <svg className="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
          </svg>
        </div>
      </div>
    </a>

    <a href="/platforms/desktop" className="group block rounded-2xl border border-gray-200 dark:border-[#27272a] hover:border-[#ec98b1] dark:hover:border-[#ec98b1] overflow-hidden transition-colors duration-200 no-underline">
      <div className="h-48 bg-gradient-to-br from-[#ec98b1]/10 to-[#f7f0f1]/20 dark:from-[#ec98b1]/5 dark:to-[#1a1d27] flex items-center justify-center">
        <svg className="w-20 h-20 text-[#ec98b1]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
        </svg>
      </div>

      <div className="p-6 bg-white dark:bg-[#1a1d27]">
        <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">Stage Tamagotchi</h3>

        <p className="text-sm text-gray-600 dark:text-gray-400 mb-3">
          Native desktop app with CUDA/Metal support for local inference and advanced features.
        </p>

        <div className="flex items-center text-sm font-medium text-[#ec98b1] group-hover:text-[#e87fa1]">
          Learn more

          <svg className="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
          </svg>
        </div>
      </div>
    </a>

    <a href="/platforms/mobile" className="group block rounded-2xl border border-gray-200 dark:border-[#27272a] hover:border-[#ec98b1] dark:hover:border-[#ec98b1] overflow-hidden transition-colors duration-200 no-underline">
      <div className="h-48 bg-gradient-to-br from-[#ec98b1]/10 to-[#f7f0f1]/20 dark:from-[#ec98b1]/5 dark:to-[#1a1d27] flex items-center justify-center">
        <svg className="w-20 h-20 text-[#ec98b1]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" />
        </svg>
      </div>

      <div className="p-6 bg-white dark:bg-[#1a1d27]">
        <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">Stage Pocket</h3>

        <p className="text-sm text-gray-600 dark:text-gray-400 mb-3">
          Take your AI companion on the go with iOS and Android apps built with Capacitor.
        </p>

        <div className="flex items-center text-sm font-medium text-[#ec98b1] group-hover:text-[#e87fa1]">
          Learn more

          <svg className="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
          </svg>
        </div>
      </div>
    </a>
  </div>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <div className="text-center mb-12">
    <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-4">
      Developer Resources
    </h2>

    <p className="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">
      Build on top of Airi's extensible architecture
    </p>
  </div>

  <CardGroup cols={3}>
    <Card title="Architecture" icon="sitemap" href="/development/architecture">
      Learn about Airi's modular architecture and component system
    </Card>

    <Card title="Plugin Development" icon="plug" href="/development/plugins">
      Create custom plugins to extend Airi's capabilities
    </Card>

    <Card title="Contributing" icon="code-pull-request" href="/development/contributing">
      Join the community and contribute to the project
    </Card>

    <Card title="Server Runtime" icon="server" href="/api/server-runtime/overview">
      Run Airi server instances for bot integrations
    </Card>

    <Card title="Plugin SDK" icon="book-open" href="/api/plugin-sdk/overview">
      Complete API reference for building plugins
    </Card>

    <Card title="Packages" icon="box" href="/api/packages/stage-ui">
      Explore reusable packages and libraries
    </Card>
  </CardGroup>
</div>

<div className="mt-20 mb-16 max-w-5xl mx-auto px-6">
  <div className="relative rounded-2xl bg-gradient-to-br from-[#ec98b1] to-[#f7f0f1] dark:from-[#ec98b1]/20 dark:to-[#1a1d27] p-12 overflow-hidden border border-[#ec98b1]/20">
    <div className="relative z-10 text-center">
      <h2 className="text-3xl font-bold text-white dark:text-white mb-4">
        Ready to get started?
      </h2>

      <p className="text-lg text-white/90 dark:text-gray-300 max-w-2xl mx-auto mb-8">
        Create your own AI companion in minutes. No cloud services required — everything runs on your own hardware.
      </p>

      <div className="flex flex-wrap justify-center gap-4">
        <a href="/quickstart" className="inline-flex items-center px-8 py-3 text-base font-medium rounded-lg text-[#ec98b1] bg-white hover:bg-gray-50 transition-colors duration-200 no-underline">
          Get Started Now

          <svg className="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 7l5 5m0 0l-5 5m5-5H6" />
          </svg>
        </a>

        <a href="https://github.com/moeru-ai/airi" className="inline-flex items-center px-8 py-3 text-base font-medium rounded-lg text-white bg-white/10 hover:bg-white/20 border border-white/30 transition-colors duration-200 no-underline">
          <svg className="mr-2 w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
            <path fillRule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clipRule="evenodd" />
          </svg>

          View on GitHub
        </a>
      </div>
    </div>
  </div>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <div className="text-center">
    <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-4">
      Join the Community
    </h2>

    <p className="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto mb-8">
      Connect with other developers and users building with Airi
    </p>

    <div className="flex flex-wrap justify-center gap-4">
      <a href="https://discord.gg/TgQ3Cu2F7A" className="inline-flex items-center px-6 py-3 text-base font-medium rounded-lg text-white bg-[#5865F2] hover:bg-[#4752C4] transition-colors duration-200 no-underline">
        <svg className="mr-2 w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
          <path d="M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z" />
        </svg>

        Join Discord
      </a>

      <a href="https://x.com/proj_airi" className="inline-flex items-center px-6 py-3 text-base font-medium rounded-lg text-white bg-black hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-200 transition-colors duration-200 no-underline">
        <svg className="mr-2 w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
          <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
        </svg>

        Follow on X
      </a>
    </div>
  </div>
</div>