​
Quick Start

Get your AI chat interface up and running in minutes.

Installation & Setup

Install the library and create your first chat interface with our step-by-step guide.

​
Core Features

Everything you need to build sophisticated AI-powered chat experiences.

🤖 AI Chat Interface

Ready-to-use chat component with streaming responses and real-time interactions

🛠️ Function Calling

Automatic AI function calling with REST API and smart contract execution

💬 Chat Widget

Floating chat widget for customer support and help functionality

🚀 TypeScript

Full TypeScript support with comprehensive type definitions

​
What’s Possible

Build powerful applications with advanced AI capabilities.

​
Example Implementation

Here’s what a basic implementation looks like: 
import { ChatInterface } from '@termix-it/react-tool';
// No need to import CSS - styles are now bundled with components

function App() {
  return (
    <div className="h-screen">
      <ChatInterface
        projectId="your-project-id"
        aiConfigId="your-ai-config-id"
        authorization="Bearer your-jwt-token"
        enableStreamingMode={true} // Enable real-time streaming
        placeholder="Type your message..."
      />
    </div>
  );
}

​
Next Steps

Get Started

Install the library and set up your first chat interface

Configuration

Learn about all available props and customization options

Advanced Features

Explore smart contracts, function calling, and custom implementations