ToonUI
Getting Started

Installation

Install the only ToonUI packages most apps need: core for server and react for client.

Install ToonUI with the AI SDK packages used in the recommended path:

pnpm add @toon-ui/core @toon-ui/react ai @ai-sdk/react @ai-sdk/openai

For server-only protocol work:

pnpm add @toon-ui/core

For React rendering only in a package that already receives model output:

pnpm add @toon-ui/react

For a package that owns both server protocol and React rendering, without installing AI SDK packages:

pnpm add @toon-ui/core @toon-ui/react

Package map

PackageUse it forImport it where
@toon-ui/coreprompt, catalog, parser, validation, events, messagesserver or shared non-React code
@toon-ui/reactruntime, renderer, adapter, hooksReact client code

Do not install an umbrella package. ToonUI intentionally keeps server and client imports separate.

Next step

Go to Quickstart.

On this page