IntelliUI
intelliui-ai-chat v1.0.0 is live

AI-native React infrastructure
for modern AI applications.

Traditional React UI libraries are built for static tables and dashboard layouts. IntelliUI provides premium, extensible client infrastructures tailored for real-time streaming, structured reasoning, custom tool visualizations, and adapter runtimes.

Explore Docs

Secure Pipeline Topology

A high-performance client-server bridge orchestrating messages, attachments, and model endpoints.

IntelliUI System Connection Pipeline
React Client SPA <AIChat> Container Secure Proxy /api/chat Route Generative Model Gemini SDK Adapter

Engineered Primitives

Everything required to orchestrate rich generative interaction layers.

Real-time Streaming

Native parsing configurations handling fine-grained token-by-token client rendering seamlessly.

Orchestration Hooks

Decoupled headless controllers (useChat) to power custom presentations and components.

Extensible Renderers

Easily hook visual renders into Markdown structures, custom tool call representations, and active models.

Slot Overrides

Deep components layout customization. Inject headers, side panels, and avatars dynamically.

Backend Agnostic

Connect secure API routes via Node.js, Express, FastAPI, WebSocket channels, or AWS gateways.

File Pipelines

Handle PDFs, documents, logs, and images directly with client drag-and-drop overlays.

Composability in Action

Swap core interfaces seamlessly while preserving state machine orchestrations underneath.

MyCustomChat.tsx
<AIChat
  api="/api/chat"
  components={{
    // Swap original message bubble
    Message: CustomMessageCard
  }}
/>
Live Preview
User

Optimize region coordinates.

CustomMessageCard
Calculations Complete

Region overlap metrics calculated successfully.

Get Started Instantly

Choose your preferred development pattern and copy starter structures immediately.

Integrate the global orchestrator with single-line imports:

App.tsx
import { AIChat } from "intelliui-ai-chat";
import "intelliui-ai-chat/styles.css";

export default function App() {
  return <AIChat api="/api/chat" welcomeMessage="Hello!" />;
}

Leverage useChat hook variables to coordinates styled elements from scratch:

Headless.tsx
import { useChat } from "intelliui-ai-chat";

export function CustomInput() {
  const { input, setInput, handleSubmit } = useChat({ api: "/api/chat" });
  return (
    <form onSubmit={handleSubmit}>
      <input value={input} onChange={(e) => setInput(e.target.value)} />
    </form>
  );
}

Configure Express CORS endpoints supporting standard chat payloads:

server.js
const express = require("express");
const app = express();
app.use(express.json());

app.post("/api/chat", async (req, res) => {
  res.json({ role: "assistant", content: "Response text", status: "done" });
});
app.listen(3001);

Ecosystem Roadmap

Real, mature milestones representing the evolutionary timeline of IntelliUI.

v0.1

Foundation

State engine, streaming render, overlaps overrides.

v0.2

Interaction

Real citations, richer streaming steps, reasoning cards.

v0.3

Workspace

Multi-thread workspace blocks, docked canvas, slots layouts.

v0.4

Agent Runtime

MCP tool chains, execution charts, multi-agent workflows.

Ecosystem Vision

IntelliUI represents more than a visual chat widget library. We are building the modular client-side framework layer—the standard client runtime infrastructure facilitating multi-agent coordination, document citations, vector streaming, and headless integration.

Why IntelliUI

Generative interfaces present visual challenges distinct from typical business dashboards. Real-time content streams, token processing, scroll locks, vector citation citation hierarchies, and custom reasoning steps require specialized state controllers. IntelliUI coordinates these states natively.

Evolve Your Interaction Layer

Deploy beautiful, robust generative user interfaces using extensible client-side primitives.

Start Building Now
ESC