# Overview
URL: /docs/api-reference/hooks

Reactive state, runtime creation, model context, and utility hooks for React.

{/* AUTO-GENERATED by scripts/generate-api-reference-overviews.mts */}

{/* Do not edit manually. */}

Hooks are the programmatic layer of `@assistant-ui/react`. Use them when primitives are not enough: reading state, creating runtimes, registering tools, wiring model context, or building custom behavior around the assistant runtime.

## Pages \[#pages]

<Cards>
  <Card title="&#x22;State Hooks&#x22;" href="&#x22;/docs/api-reference/hooks/state&#x22;">
    {"Read assistant state and call runtime actions."}
  </Card>

  <Card title="&#x22;Runtime Hooks&#x22;" href="&#x22;/docs/api-reference/hooks/runtimes&#x22;">
    {"Hooks for creating assistant runtimes."}
  </Card>

  <Card title="&#x22;Model Context Hooks&#x22;" href="&#x22;/docs/api-reference/hooks/model-context&#x22;">
    {"Register instructions, tools, tool UIs, and data renderers."}
  </Card>

  <Card title="&#x22;Utility Hooks&#x22;" href="&#x22;/docs/api-reference/hooks/utilities&#x22;">
    {"Focused helpers for message parts, quotes, timing, and viewport behavior."}
  </Card>
</Cards>