Embedding Kyma in React
@kyma-ai/react is an Apache-2.0 licensed embeddable SDK that drops five production-quality Kyma views — Graph, Query Editor, Discover, Dashboards, and Agent Chat — into any React 18+ host application. Each view is a fully self-contained component backed by the same UI rendered in the Kyma web app itself.
In this section
| Page | What it covers |
|---|---|
| Quickstart | Install, wire the provider, render a view in under 20 lines |
| Authentication | Static tokens, server-side minting, full OIDC setup |
| CORS | KYMA_CORS_ALLOWED_ORIGINS — permissive dev vs. production lock-down |
| Theming | All 26 design tokens, presets, partial overrides, inherit mode |
| Components | Per-component prop tables and bundle notes |
| Headless hooks | Raw data layer without the bundled UI |
| Server compatibility | Feature detection, capability gating, known limitations |
| Versioning and release | Changesets flow, semver policy |
Reference demo
The examples/embed-demo package in the repository is a working reference host app that exercises every component and hook. Read examples/embed-demo/README.md to run it locally.