KiBee Documentation

KiBee is an AI-powered in-product guidance SDK. A 3D bee flies to the exact control in your SaaS, explains the next step, and waits for the real action. Not a scripted tour. Not a chatbot. A task-completion layer.

Quick Start

Install the SDK, add your first target, and see the bee fly in under 5 minutes.

Core Concepts

Understand how KiBee works — targets, flows, the bee, and the hive.

SDK Reference

Full API reference for the KiBee browser SDK.

REST API

Backend API endpoints for sessions, flows, events, and admin.

How It Works

KiBee works with any SaaS product regardless of framework. The integration pattern is the same everywhere:

  1. Add data-kibee-id attributes to the UI elements you want guided
  2. Initialize the SDK with your API key
  3. Define flows — sequences of steps that guide users through your product
  4. KiBee does the rest — flies to controls, waits for actions, rescues stalled sessions
Your SaaS (any framework)
<!-- Step 1: Add data-kibee-id to your controls -->
<input data-kibee-id="company-name" placeholder="Company name" />
<button data-kibee-id="invite-team">Invite team</button>
<button data-kibee-id="launch">Launch workspace</button>
SDK Initialization
import { KiBeeClient } from "@kibee/sdk";
import { ThreeBeeRenderer } from "@kibee/renderer-three";

const kibee = new KiBeeClient({
  renderer: new ThreeBeeRenderer({ dockPosition: "bottom-right" }),
  apiBaseUrl: "https://api.kibee.ai",
});

kibee.init();
kibee.identifyPage("onboarding");
kibee.registerTargets([
  { id: "company-name", label: "Company name", target: { kibeeId: "company-name" } },
  { id: "invite-team", label: "Invite team", target: { kibeeId: "invite-team" } },
  { id: "launch", label: "Launch workspace", target: { kibeeId: "launch" } },
]);

That's it. KiBee now knows about your UI elements. When a flow runs, the bee flies to each target in sequence, displays a message, and waits for the user to complete the action before moving on.