# 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. ## 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.