# AI Autocomplete

> AI Autocomplete is a drop-in SDK that helps users discover and complete actions in real time inside any text box. It guides users on what to type, turning a blank input into instant intent — 10X faster and 5X cheaper than traditional LLMs, with ~200ms responses. Integrate in minutes via a native SDK (React, Angular, Vanilla JS, Swift) or the HTTP API.

Important notes:

- Every page link below points at a markdown file. **A markdown version of any page on this site is available by appending `.md` to its URL path** — `https://ai-autocomplete.com/docs/react/styling` is also served as `https://ai-autocomplete.com/docs/react/styling.md`.
- The entire public corpus in one document: https://ai-autocomplete.com/llms-full.txt.
- AI Autocomplete works with any stack via native SDKs (React, Angular, Vanilla JS, Swift) or a framework-agnostic HTTP API. Vue support is coming soon.
- Auth uses two key types: public keys (`pk_v1_…`, safe to ship in the browser) and secret keys (`sk_v1_…`, server-only) that exchange for short-lived access tokens (`at_v1_…`). Public keys are the quickest start; the access-token flow is recommended for production.
- If you are an AI coding agent installing the SDK, start from the per-framework prompt under "Agent install prompts" and follow it in order.
- Docs follow the pattern `/docs/{framework}/{section}`. Frameworks: `react`, `angular`, `vanilla`, `swift`, `http`. SDK frameworks have sections `getting-started`, `integration-tiers`, `api-reference`, `authentication`, `styling`, `advanced`; the `http` framework has `getting-started`, `authentication`, `api-reference`, `advanced`. The sections below link a representative subset.

## Agent install prompts

- [Install in React](https://ai-autocomplete.com/install/react.md): Agent-ready steps to add the React SDK — integration tiers, auth modes, styling, and the production access-token flow.
- [Install in Angular](https://ai-autocomplete.com/install/angular.md): Agent-ready steps to add the Angular SDK end to end.
- [Install in Vanilla JS](https://ai-autocomplete.com/install/vanilla.md): Agent-ready steps to add the SDK to any plain-JavaScript page or framework.
- [Install in Swift](https://ai-autocomplete.com/install/swift.md): Agent-ready steps to add the native Swift SDK to an iOS app.
- [Install via HTTP API](https://ai-autocomplete.com/install/http.md): Agent-ready steps to integrate directly over HTTP with no SDK.
- [Agent skill](https://ai-autocomplete.com/skill.md): Operating guidance for coding agents — when to reach for AI Autocomplete, which integration tier to pick, and the rules that keep an install correct.

## Getting started

- [React getting started](https://ai-autocomplete.com/docs/react/getting-started.md): Install the SDK and render your first autocomplete in a React app.
- [Angular getting started](https://ai-autocomplete.com/docs/angular/getting-started.md): Add AI Autocomplete to an Angular project.
- [Vanilla JS getting started](https://ai-autocomplete.com/docs/vanilla/getting-started.md): Drop the SDK into any plain-JavaScript page or framework.
- [Swift getting started](https://ai-autocomplete.com/docs/swift/getting-started.md): Integrate the native Swift SDK in an iOS app.
- [HTTP API getting started](https://ai-autocomplete.com/docs/http/getting-started.md): Call the autocomplete service directly over HTTP, no SDK required.

## Integration and customization

- [React integration tiers](https://ai-autocomplete.com/docs/react/integration-tiers.md): Choose how deeply to integrate — drop-in widget, customized SDK, or raw API.
- [React styling](https://ai-autocomplete.com/docs/react/styling.md): Theme and lay out the widget to match your product (light/dark, colors, spacing).
- [React advanced](https://ai-autocomplete.com/docs/react/advanced.md): Advanced configuration, custom data, and product-specific logic.

## API reference and authentication

- [HTTP API reference](https://ai-autocomplete.com/docs/http/api-reference.md): Endpoints, request/response shapes, parameters, and error codes.
- [HTTP API authentication](https://ai-autocomplete.com/docs/http/authentication.md): Secret keys (`sk_v1_…`) and short-lived access tokens (`at_v1_…`); the server-to-server auth flow.
- [React API reference](https://ai-autocomplete.com/docs/react/api-reference.md): SDK components, props, and methods.
- [React authentication](https://ai-autocomplete.com/docs/react/authentication.md): Wiring credentials into the SDK.
- [HTTP API advanced](https://ai-autocomplete.com/docs/http/advanced.md): Advanced HTTP usage and edge cases.

## Product and pricing

- [Home](https://ai-autocomplete.com/index.md): What AI Autocomplete is, how it works, and why it converts — the next evolution of autocomplete for any platform.
- [Pricing](https://ai-autocomplete.com/other/pricing.md): Simple, usage-based pricing. Start free, scale as you grow — no per-seat fees.
- [FAQ](https://ai-autocomplete.com/other/faqs.md): How it works, integration, customization, privacy, security, pricing, and enterprise readiness.
- [Enterprise](https://ai-autocomplete.com/other/enterprise.md): SSO, deployment/self-hosting options, compliance, personalization, product-catalog connection, and dedicated support.

## E-commerce

- [AI Autocomplete for e-commerce](https://ai-autocomplete.com/ecommerce/search.md): Turn an online store's search box into an AI-guided shopping experience so customers express what they want and reach relevant products faster.
- [AI Autocomplete for Shopify](https://ai-autocomplete.com/ecommerce/shopify.md): Add AI-guided search to a Shopify store, including how the product catalog is connected and kept in sync.
- [AI Autocomplete for Magento](https://ai-autocomplete.com/ecommerce/magento.md): Add AI-guided search to a Magento (Adobe Commerce) store.
- [AI Autocomplete for WooCommerce](https://ai-autocomplete.com/ecommerce/woocommerce.md): Add AI-guided search to a WooCommerce store.

## Blog

- [Blog](https://ai-autocomplete.com/blog.md): Articles from the AI Autocomplete team on AI UX, autocomplete SDKs, and turning any text box into an intent-aware suggestion surface.
- [What is AI Autocomplete? The intent layer for AI](https://ai-autocomplete.com/blog/what-is-ai-autocomplete-intent-layer.md): Predicting a user's full request before submit, and where that sits relative to search engines, chatbots, and agents.
- [AI autocomplete software: a practical buyer's guide](https://ai-autocomplete.com/blog/ai-autocomplete-software-buyers-guide.md): What this category of software does, which capabilities matter, how to compare tools, and which metrics prove it works.
- [Traditional autocomplete vs AI Autocomplete](https://ai-autocomplete.com/blog/traditional-autocomplete-vs-ai-autocomplete.md): Keyword prediction compared with predicting the user's action in real time.
- [AI text completion vs AI autocomplete](https://ai-autocomplete.com/blog/ai-text-completion-vs-ai-autocomplete.md): Continuing a user's writing compared with completing their intent before submit — use cases, interfaces, and success metrics.
- [AI Autocomplete vs Algolia and Elasticsearch autocomplete](https://ai-autocomplete.com/blog/ai-autocomplete-vs-algolia-elasticsearch-autocomplete.md): How completing the full request differs from keyword autocomplete, and what each layer is for.
- [How AI Autocomplete works with Algolia or Elasticsearch](https://ai-autocomplete.com/blog/how-ai-autocomplete-works-with-algolia-or-elasticsearch.md): Running the intent layer alongside an existing search backend and passing it a richer, structured query.
- [AI Autocomplete SDK launch](https://ai-autocomplete.com/blog/ai-autocomplete-launch.md): Why a text box should tell users what your product can do, and what the SDK turns incomplete requests into.
- [AI Autocomplete benefits: 7 ways better input wins](https://ai-autocomplete.com/blog/ai-autocomplete-benefits.md): Explore seven AI autocomplete benefits, from richer queries and faster journeys to better discovery, higher conversion, and lower model costs.
- [AI Autocomplete for e-commerce: better product search](https://ai-autocomplete.com/blog/ai-autocomplete-for-ecommerce.md): See how AI autocomplete turns vague ecommerce searches into complete buying intent, helping shoppers find relevant products with fewer filters and retries.
- [AI Autocomplete for site search](https://ai-autocomplete.com/blog/ai-autocomplete-for-site-search.md): Learn how AI autocomplete improves site search before retrieval by turning short, vague searches into specific queries and structured filters.
- [AI Autocomplete for AI agents](https://ai-autocomplete.com/blog/ai-autocomplete-for-ai-agents.md): AI autocomplete helps users give agents a complete first brief, reducing clarification loops, wrong tool calls, rework, and avoidable model usage.
- [AI Autocomplete for customer support](https://ai-autocomplete.com/blog/ai-autocomplete-for-customer-support.md): Use AI autocomplete to collect the right support details before submit, creating clearer tickets, better routing, faster resolution, and less back-and-forth.
- [Search suggestions vs search-as-you-type vs semantic search](https://ai-autocomplete.com/blog/search-suggestions-vs-search-as-you-type-vs-semantic-search.md): Compare search suggestions, search-as-you-type, semantic search, and AI autocomplete: what each technology does, where it runs, and when to use it.
- [AI Autocomplete vs search autocomplete providers](https://ai-autocomplete.com/blog/ai-autocomplete-vs-search-autocomplete-providers.md): Compare AI Autocomplete with Algolia, Elasticsearch, Typesense, Meilisearch, and other search autocomplete providers, and see how the layers work together.
- [How to add AI Autocomplete to React in 10 minutes](https://ai-autocomplete.com/blog/how-to-install-ai-autocomplete-react.md): Install AI Autocomplete in React, add the component, connect a public key, handle structured submissions, and prepare a secure production integration.
- [Autocomplete API vs SDK: which integration is right?](https://ai-autocomplete.com/blog/autocomplete-api-vs-sdk.md): Choose between an autocomplete SDK and API based on UI ownership, accessibility, request control, platform needs, engineering time, and maintenance cost.
- [Build vs buy AI autocomplete: the real engineering cost](https://ai-autocomplete.com/blog/build-vs-buy-ai-autocomplete.md): A practical build-vs-buy guide to AI autocomplete, covering latency, cancellation, caching, auth, accessibility, analytics, quality, and ongoing ownership.

## Optional

- [Full documentation corpus](https://ai-autocomplete.com/llms-full.txt): Every public page concatenated into a single document, for long-context ingestion.
- [Privacy policy](https://ai-autocomplete.com/legal/privacy.md): How AI Autocomplete collects, uses, and protects your data.
- [Terms of service](https://ai-autocomplete.com/legal/terms.md): The terms governing your use of AI Autocomplete.
- [Sitemap](https://ai-autocomplete.com/sitemap.xml): Full machine-readable list of public URLs. Linked, not just mentioned, so the build's dangling-link guard covers it too.