Skip to content
IndexDesign corpus
Component LibrariesRegistryBlock CollectionComponent LibraryMITFreeReact

Algolia SiteSearch

Five drop-in Algolia search and Ask AI experiences as shadcn registry blocks

Aboutsitesearch.algolia.com

Algolia's own open-source registry of opinionated, complete search experiences rather than low-level widgets — you install a whole screen, not a SearchBox. Five blocks ship today: a full-page instant search, a search with Ask AI conversational answers, an inline autocomplete dropdown, an Ask AI side panel and a highlight-to-Ask-AI interaction still in development. Each is a shadcn registry:block that brings its own components, keyboard-navigation hook and page route, wired to algoliasearch v5, react-instantsearch and the Vercel AI SDK. A vanilla-JS standalone package exists alongside the React registry.

Install
npx shadcn@latest add https://sitesearch.algolia.com/r/search.json
For an agent

This is the fastest correct way to put real search into a shadcn project: install the block, then supply appId, searchApiKey and indexName — do not hand-roll react-instantsearch markup around it. Pick `dropdown-search` for a header autocomplete, `search` for a dedicated results page, `search-ai` or `sidepanel-askai` when the user wants answers rather than links (those pull @ai-sdk/react, ai and marked, so expect a heavier bundle and a streaming endpoint). Each block installs a `page.tsx` at a fixed app-router target such as app/search/page.tsx, so move or rename it deliberately; `highlight-to-askai` is still marked in development and should not be promised to a user.

Why it is here. A first-party vendor shipping its integration as a shadcn registry rather than a docs snippet is the pattern the ecosystem is moving to, and it turns a search build from a week to an afternoon.

Install command, framework, licence and component list.
Components it ships5 total
Helps you build8
Notable for
  • official Algolia first-party registry
  • complete experiences, not primitives
  • Ask AI conversational search block
  • React and vanilla-JS paths
  • requires an Algolia account and API key
Provenance

Verified 2026-08-15. HTTP 200. https://sitesearch.algolia.com, https://sitesearch.algolia.com/docs, https://sitesearch.algolia.com/docs/tools, https://sitesearch.algolia.com/r/registry.json (5 blocks with full dependency lists), https://sitesearch.algolia.com/r/search.json, https://github.com/algolia/sitesearch, GitHub API repos/algolia/sitesearch. Note: /docs/getting-started/shadcn returned 404.

Related resourcesComponent Libraries