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

# DocSearch

> The easiest way to add search to your documentation with Algolia

<div className="hero-section" style={{ padding: "2rem 0" }}>
  <div style={{ maxWidth: "800px", margin: "0 auto", textAlign: "center" }}>
    <h1 style={{ fontSize: "3rem", fontWeight: "700", marginBottom: "1.5rem", color: "#172B4D" }}>
      The easiest way to add search to your documentation
    </h1>

    <p style={{ fontSize: "1.25rem", marginBottom: "2rem", color: "#5E6C84" }}>
      DocSearch crawls your documentation, pushes the content to an Algolia index, and provides a beautiful dropdown search experience powered by AI.
    </p>
  </div>
</div>

## Get Started

<CardGroup cols={2}>
  <Card title="Quick Start" icon="rocket" href="/quickstart">
    Get DocSearch up and running in minutes
  </Card>

  <Card title="View on GitHub" icon="github" href="https://github.com/algolia/docsearch">
    Explore the source code and contribute
  </Card>
</CardGroup>

## Key Features

<CardGroup cols={2}>
  <Card title="Algolia-Powered Search" icon="magnifying-glass">
    Lightning-fast search powered by Algolia's industry-leading search engine
  </Card>

  <Card title="Ask AI" icon="robot">
    Intelligent conversational search with AI-powered answers from your documentation
  </Card>

  <Card title="Multiple Implementations" icon="layer-group">
    Available for React, vanilla JavaScript, and popular frameworks like Docusaurus
  </Card>

  <Card title="Customizable UI" icon="palette">
    Fully customizable theming with modal and sidepanel interfaces
  </Card>

  <Card title="Keyboard Shortcuts" icon="keyboard">
    Built-in keyboard shortcuts for power users with full accessibility support
  </Card>

  <Card title="Recent Searches" icon="clock">
    Save recent and favorite searches for quick access
  </Card>
</CardGroup>

## Installation

Choose your preferred implementation:

<CardGroup cols={3}>
  <Card title="JavaScript" icon="js" href="/installation/javascript">
    Vanilla JavaScript implementation
  </Card>

  <Card title="React" icon="react" href="/installation/react">
    React component library
  </Card>

  <Card title="Docusaurus" icon="book" href="/installation/docusaurus">
    Docusaurus theme adapter
  </Card>
</CardGroup>

## Popular Guides

<CardGroup cols={2}>
  <Card title="Customization" icon="paintbrush" href="/guides/customization">
    Customize search behavior and appearance
  </Card>

  <Card title="Theming" icon="palette" href="/guides/theming">
    Apply custom themes and styles
  </Card>

  <Card title="Multiple Indices" icon="database" href="/advanced/multiple-indices">
    Search across multiple Algolia indices
  </Card>

  <Card title="Custom Components" icon="puzzle-piece" href="/advanced/custom-components">
    Build custom hit and footer components
  </Card>
</CardGroup>

## Used By

DocSearch is trusted by thousands of documentation sites including Bootstrap, Cheerio, Element Plus, MDX, VitePress, and many more.

<Note>
  Don't have Algolia credentials yet? [Apply to DocSearch](https://docsearch.algolia.com/apply) to get free access for your open-source documentation.
</Note>