---
name: "@algolia"
slug: "algolia"
description: "Official Algolia SiteSearch shadcn registry providing opinionated, production-ready search UI components backed by Algolia's infrastructure. Ships two primary experiences: an Instant Search component (keyboard-navigation, sub-50ms results) and a Search with Ask AI component (conversational natural-language search powered by Algolia Ask AI). Built with React and also bundled as vanilla JS for framework-agnostic use. WCAG 2.1 AA compliant. Requires an Algolia account and API keys; free to use as open-source components. Use for: adding a polished modal search or AI chat-search to any app already indexed in Algolia, without building InstantSearch UI from scratch."
category: "Niche/single-purpose"
tags: ["accessibility", "ai", "developer-tools", "navigation", "overlays"]
framework: "react"
license: "MIT"
author: "algolia"
website: "https://sitesearch.algolia.com"
github: "https://github.com/algolia/sitesearch"
registry: "https://sitesearch.algolia.com/r/registry.json"
pro: false
pro_url: null
github_stars: 22
component_count: 5
generated_at: "2026-07-28T08:00:50.948Z"
---

# @algolia

Official Algolia SiteSearch shadcn registry providing opinionated, production-ready search UI components backed by Algolia's infrastructure. Ships two primary experiences: an Instant Search component (keyboard-navigation, sub-50ms results) and a Search with Ask AI component (conversational natural-language search powered by Algolia Ask AI). Built with React and also bundled as vanilla JS for framework-agnostic use. WCAG 2.1 AA compliant. Requires an Algolia account and API keys; free to use as open-source components. Use for: adding a polished modal search or AI chat-search to any app already indexed in Algolia, without building InstantSearch UI from scratch.

## Links

- Website: https://sitesearch.algolia.com
- GitHub: https://github.com/algolia/sitesearch
- Registry JSON: https://sitesearch.algolia.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/algolia
- This file: https://sh4dcn.vercel.app/md/algolia.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://sitesearch.algolia.com/r/registry.json
pnpm dlx shadcn@latest add https://sitesearch.algolia.com/r/registry.json
bunx shadcn@latest add https://sitesearch.algolia.com/r/registry.json
# clone the source repo
git clone https://github.com/algolia/sitesearch.git
# fetch the raw registry index
curl -s https://sitesearch.algolia.com/r/registry.json
```

## Components (5)

| name | type | description | install |
| --- | --- | --- | --- |
| dropdown-search | registry:block | Inline autocomplete dropdown search experience, powered by Algolia's InstantSearch | `npx shadcn@latest add https://sitesearch.algolia.com/r/dropdown-search.json` |
| search | registry:block | Opinionated site search experience, powered by Algolia's InstantSearch | `npx shadcn@latest add https://sitesearch.algolia.com/r/search.json` |
| search-ai | registry:block | Opinionated search experience with Ask AI, powered by Algolia's InstantSearch and Ask AI | `npx shadcn@latest add https://sitesearch.algolia.com/r/search-ai.json` |
| highlight-to-askai | registry:block | 🚧 [Experimental] Highlight any text and ask Algolia Ask AI with an inline tooltip | `npx shadcn@latest add https://sitesearch.algolia.com/r/highlight-to-askai.json` |
| sidepanel-askai | registry:block | Sidepanel chat experience with Ask AI, powered by Algolia's Ask AI | `npx shadcn@latest add https://sitesearch.algolia.com/r/sidepanel-askai.json` |

## For AI agents

```text
You are adding components from @algolia to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/algolia.md) for the component list.
2. Fetch the machine-readable index: https://sitesearch.algolia.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: algolia).
```