Skip to main content

Mamba Chat — Streaming Chat UI

AI/ML
TypeScriptReactViteVercel AI SDKDexieRadix UIshadcn/uiTailwind CSSRechartsShiki

A modern, feature-rich AI chatbot SPA built with React and TypeScript. Mamba Chat delivers a polished conversational experience with real-time streaming, rich interactive content, and offline-first persistence, and connects to a Mamba Server backend.

The architecture emphasizes clean separation of concerns: a service-layer pattern abstracts the AI backend (with mock and real transports), a repository pattern via custom hooks handles data access, and context-based state management ties it together.

Key capabilities:

  • Character-by-character streaming with rich content blocks — interactive forms, charts, code snippets, and cards — rendered from AI tool calls
  • Offline-first storage of conversations and messages in IndexedDB via Dexie, with automatic conversation-title generation
  • Multi-model architecture, dark/light theming with flash prevention, and a mobile-first responsive layout