# Qikbar > Qikbar is a free, open-source (MIT), zero-dependency command bar (⌘K / Ctrl+K) for any web app. It provides fuzzy search, routing, actions, nested views (list, grid, detail, form, AI chat), dynamic data sources, a Raycast-inspired extensions API, theming via CSS variables, and AI (Anthropic, OpenAI, Gemini, Ollama, OpenAI-compatible, proxy, bring-your-own-key) where the model can run app commands as tools. npm package: `@qikbar/qikbar`. Entry points: `@qikbar/qikbar`, `@qikbar/qikbar/react`, `@qikbar/qikbar/server`, `@qikbar/qikbar/extensions`, `@qikbar/qikbar/theme`, `@qikbar/qikbar/utils`. Every page is available as Markdown by appending `.md` to its URL. The full documentation in one file: https://qikbar.com/llms-full.txt - [Set up with AI](https://qikbar.com/prompt.txt): a ready-made prompt for coding agents to install and configure Qikbar in an existing app. ## Getting Started - [Introduction](https://qikbar.com/docs/index.md): Qikbar is a free, open-source command bar for any web app. It brings search, routing, actions, extensions and AI together in one tiny package. - [Installation](https://qikbar.com/docs/installation.md): Install Qikbar from npm or load it from a CDN with a script tag. - [Quick start](https://qikbar.com/docs/quick-start.md): Add a fully featured command bar to your app in five minutes. - [Set up with AI](https://qikbar.com/docs/ai-setup.md): A copy-paste prompt that lets Claude Code, Cursor, Copilot or Codex add Qikbar to your app. ## Core Concepts - [Commands](https://qikbar.com/docs/commands.md): Commands are the items at the root of the bar. Each has a title, an icon, and something to do. - [Routing](https://qikbar.com/docs/routing.md): Turn your app's pages into searchable destinations and navigate with your existing router. - [Sources](https://qikbar.com/docs/sources.md): Search your API, database or any async data as the user types. - [Views](https://qikbar.com/docs/views.md): Push lists, grids, Markdown documents, forms and AI chats onto the navigation stack. - [Actions](https://qikbar.com/docs/actions.md): Primary and secondary actions, the action panel, shortcuts, and built-in action helpers. - [Arguments](https://qikbar.com/docs/arguments.md): Ask for a value or two inline, right in the search bar, before a command runs. - [Context](https://qikbar.com/docs/context.md): The ctx object passed to every run function, action, loader and form handler. - [Keyboard](https://qikbar.com/docs/keyboard.md): Every keyboard shortcut in Qikbar, and how to define your own. ## AI - [AI](https://qikbar.com/docs/ai.md): Chat, answers and natural-language actions with any model. The AI can run your app's commands as tools. - [AI providers](https://qikbar.com/docs/ai-providers.md): Claude, GPT, Gemini, local models, Chrome's on-device model, bring-your-own-key, or your own provider. - [Server proxy](https://qikbar.com/docs/ai-server.md): Keep API keys on your server with one function. Works with Next.js, Hono, Express, Bun, Deno and Cloudflare Workers. - [AI tools](https://qikbar.com/docs/ai-tools.md): Give the model functions it can call, with JSON-schema parameters and optional user confirmation. ## Extensions - [Building extensions](https://qikbar.com/docs/extensions.md): Package commands, live sources, AI tools and user preferences into a reusable extension, inspired by Raycast. - [Built-in extensions](https://qikbar.com/docs/built-in-extensions.md): Calculator, theme switcher, page tools, AI actions, keyboard shortcuts and bring-your-own-key settings. - [Example extensions](https://qikbar.com/docs/example-extensions.md): Eleven complete, copy-pasteable extensions that show every part of the API. - [Publishing extensions](https://qikbar.com/docs/publishing-extensions.md): Share your extension on npm so any Qikbar app can install it. ## Customization - [Theming](https://qikbar.com/docs/theming.md): Presets, CSS variables, light and dark appearance, and matching your design system. - [Styling](https://qikbar.com/docs/styling.md): Class names per slot, Tailwind, fully custom CSS, and Content Security Policy. - [Inline mode](https://qikbar.com/docs/inline-mode.md): Embed Qikbar directly in a page, as a search page, a launcher, or a live demo. ## Frameworks - [React](https://qikbar.com/docs/react.md): The Qikbar component, hooks for contextual commands, and a trigger button. - [Next.js](https://qikbar.com/docs/nextjs.md): Add Qikbar to a Next.js App Router project, with client-side navigation and an AI route handler. - [Vue & Nuxt](https://qikbar.com/docs/vue.md): Use Qikbar's vanilla API from Vue 3 or Nuxt, with Vue Router navigation and composables. - [Svelte & SvelteKit](https://qikbar.com/docs/svelte.md): Create Qikbar in your root layout and navigate with goto. - [Vanilla, Angular & more](https://qikbar.com/docs/vanilla.md): Use Qikbar with no framework, a script tag, Angular, Solid, htmx, Rails, Django or Laravel. ## Recipes - [Search your backend](https://qikbar.com/docs/recipes-backend-search.md): Connect sources to REST, Algolia, Supabase, GraphQL, tRPC and TanStack Query. - [Workspace switcher](https://qikbar.com/docs/recipes-switcher.md): Let users switch workspaces, accounts or projects from the bar, with the current one marked. - [Settings menus](https://qikbar.com/docs/recipes-settings.md): Build nested, toggleable settings that update in place with ctx.render. - [Permissions & feature flags](https://qikbar.com/docs/recipes-permissions.md): Show commands only to the right users, and roll out new commands behind flags. - [Analytics](https://qikbar.com/docs/recipes-analytics.md): Learn what users search for, what they run, and where the bar falls short. - [In-app AI copilot](https://qikbar.com/docs/recipes-copilot.md): Turn the bar into a copilot that understands your domain and takes real actions. - [Testing](https://qikbar.com/docs/recipes-testing.md): Unit test commands and extensions, run DOM tests with happy-dom, and drive the bar in Playwright. ## Reference - [API reference](https://qikbar.com/docs/api.md): Every configuration option, instance method, event and export. - [Performance](https://qikbar.com/docs/performance.md): How Qikbar stays fast, from boot to the 100,000th row. - [Accessibility](https://qikbar.com/docs/accessibility.md): Keyboard support, screen readers, focus management and reduced motion. - [Migrating](https://qikbar.com/docs/migrating.md): Move from cmdk, kbar, ninja-keys or the original Qikbar SaaS. - [Troubleshooting](https://qikbar.com/docs/troubleshooting.md): Fixes for the most common problems. - [FAQ](https://qikbar.com/docs/faq.md): Common questions about Qikbar. - [Changelog](https://qikbar.com/docs/changelog.md): What's new in each release.