---
title: "AI Kit Overview"
description: "Framework-agnostic toolkit for building AI-powered applications — streaming, agents, safety, observability"
canonical: "https://docs.ainative.studio/docs/ai-kit/overview"
last-updated: "2026-10-03T21:47:10.764Z"
---

# AI Kit Overview

Source: https://docs.ainative.studio/docs/ai-kit/overview

> Framework-agnostic toolkit for building AI-powered applications — streaming, agents, safety, observability

## AI Kit

AI Kit is a modular toolkit for building AI-powered applications. It provides framework-agnostic core primitives plus framework-specific bindings for React, Vue, Svelte, and Next.js.

## Package Architecture

```
@ainative/ai-kit-core          ← Framework-agnostic core
├── @ainative/ai-kit           ← React hooks & components
├── @ainative/ai-kit-vue       ← Vue 3 composables
├── @ainative/ai-kit-svelte    ← Svelte stores
├── @ainative/ai-kit-nextjs    ← Next.js utilities
├── @ainative/ai-kit-safety    ← Prompt injection, PII, moderation
├── @ainative/ai-kit-rlhf      ← Human feedback collection
├── @ainative/ai-kit-auth      ← Authentication integration
├── @ainative/ai-kit-zerodb    ← ZeroDB vector storage
├── @ainative/ai-kit-tools     ← Built-in agent tools
├── @ainative/ai-kit-observability ← Usage tracking & cost alerts
├── @ainative/ai-kit-video     ← Video recording & transcription
├── @ainative/ai-kit-design-system ← Design tokens & theming
└── @ainative/ai-kit-cli       ← Scaffold new projects
```

## Quick Start

```bash
## Scaffold a new AI Kit project
npx @ainative/ai-kit-cli create my-ai-app

## Or install individual packages
npm install @ainative/ai-kit-core @ainative/ai-kit
```

## Core Concepts

### Streaming

AI Kit Core provides a universal streaming layer that works across frameworks:

```typescript
import { createStreamingResponse } from '@ainative/ai-kit-core';

const stream = createStreamingResponse({
  provider: 'ainative',
  model: 'meta-llama/llama-3.3-70b-instruct',
  messages: [{ role: 'user', content: 'Hello' }],
});

for await (const chunk of stream) {
  console.log(chunk.content);
}
```

### Agent Orchestration

Build agents with tool calling and streaming:

```typescript
import { Agent, AgentExecutor } from '@ainative/ai-kit-core';

const agent = new Agent({
  name: 'assistant',
  model: 'meta-llama/llama-3.3-70b-instruct',
  tools: [searchTool, calculatorTool],
});

const executor = new AgentExecutor(agent);
const result = await executor.run('What is the population of Tokyo?');
```

## Packages

| Package | Install | Description |
|---------|---------|-------------|
| [`ai-kit-core`](/docs/ai-kit/core) | `npm i @ainative/ai-kit-core` | Streaming, agents, state management |
| [`ai-kit`](/docs/ai-kit/react) | `npm i @ainative/ai-kit` | React hooks and UI components |
| [`ai-kit-vue`](/docs/ai-kit/vue) | `npm i @ainative/ai-kit-vue` | Vue 3 composables |
| [`ai-kit-svelte`](/docs/ai-kit/svelte) | `npm i @ainative/ai-kit-svelte` | Svelte stores and actions |
| [`ai-kit-nextjs`](/docs/ai-kit/nextjs) | `npm i @ainative/ai-kit-nextjs` | Next.js App Router utilities |
| [`ai-kit-safety`](/docs/ai-kit/safety) | `npm i @ainative/ai-kit-safety` | Content safety and moderation |
| [`ai-kit-observability`](/docs/ai-kit/observability) | `npm i @ainative/ai-kit-observability` | Usage tracking and cost alerts |
| `ai-kit-rlhf` | `npm i @ainative/ai-kit-rlhf` | RLHF feedback collection |
| `ai-kit-auth` | `npm i @ainative/ai-kit-auth` | Authentication integration |
| `ai-kit-zerodb` | `npm i @ainative/ai-kit-zerodb` | ZeroDB vector storage hooks |
| `ai-kit-tools` | `npm i @ainative/ai-kit-tools` | Built-in agent tools |
| `ai-kit-video` | `npm i @ainative/ai-kit-video` | Video recording and transcription |
| `ai-kit-design-system` | `npm i @ainative/ai-kit-design-system` | Design tokens and theming |
| `ai-kit-cli` | `npx @ainative/ai-kit-cli` | Project scaffolding CLI |

## Next Steps

- [Core](/docs/ai-kit/core) — Streaming, agents, and state management
- [React](/docs/ai-kit/react) — Hooks and components
- [Safety](/docs/ai-kit/safety) — Content moderation and PII detection
- [Observability](/docs/ai-kit/observability) — Usage tracking and cost alerts