README.md

@ainative/ai-kit-react API Reference

React hooks and components for AI Kit

Installation

npm install @ainative/ai-kit-react

Overview

The React package provides:

• Hooks: useAIStream, useConversation
• Components: ChatInterface, MessageList, UsageDashboard, CodeBlock
• Component Registry: Custom tool result rendering

Modules

• Hooks - React hooks for AI functionality
• Components - Pre-built UI components
• Component Registry - Custom component registration

Quick Start

import { useAIStream } from '@ainative/ai-kit-react';

function ChatApp() {
  const {
    messages,
    isStreaming,
    send,
    reset
  } = useAIStream({
    endpoint: '/api/chat',
    model: 'gpt-4'
  });

  return (
    <div>
      {messages.map(msg => (
        <div key={msg.id}>{msg.content}</div>
      ))}
      <button onClick={() => send('Hello!')}>Send</button>
    </div>
  );
}

See Also

• Core Package
• Next.js Package