kapa.ai developer tools

Kapa offers multiple ways to integrate its AI capabilities into your applications. This section covers the various tools and APIs available to developers.

Integration options

Integration Method	Best For	Complexity	Features
React SDK	React applications	Low-Medium	Full control over UI, built-in support for streaming, state management
HTTP API	Any platform or language	Medium	Maximum flexibility, custom implementations

React SDK

The Kapa React SDK provides React components and hooks for integrating Kapa's AI capabilities into your React applications. It's especially useful because it is designed to work without having to wire up a custom backend/proxy. It can run fully client-side, simplifying implementation. It's ideal for developers who want to:

• Create custom chat interfaces with their own UI/UX
• Manage conversation state with React hooks
• Collect user feedback on AI responses
• Stream AI responses in real-time

import { KapaProvider, useChat } from "@kapaai/react-sdk";

function ChatComponent() {
  const { submitQuery, conversation } = useChat();
  // Build your custom chat interface
}

Get started with the React SDK →

HTTP API

The Kapa HTTP API provides direct access to Kapa's AI capabilities through RESTful endpoints. It's ideal for:

• Integration with any programming language or platform
• Backend integrations or middleware
• Custom implementations requiring flexible API interactions

curl -X POST "https://api.kapa.ai/query" \
  -H "X-API-KEY: YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "integration_id": "<INTEGRATION_ID>",
    "query": "How to get started?"
}'

Get started with the HTTP API →

Which integration method should I choose?

• Choose the React SDK if you're building a React application and want streamlined integration with built-in state management.

• Choose the HTTP API if you need maximum flexibility, are using a different frontend framework, or are integrating Kapa on the backend.