# Pura LLM — API 2026-10-01

# React UI

The official package is `@pura-ai/react` 0.1.0, paired with `@pura-ai/sdk` 0.1.x
and React 18.2/19. Install with `npm install @pura-ai/react @pura-ai/sdk react`
after registry publication. The components include their required styles and
support normal HTML props; no CSS framework is required.

See [component API and runnable React setup](https://platform.puradigital.it/en/docs/integrations/react).
`ConnectPuraLLM` is a white button with the Pura logo and “Connect Pura LLM”.
The SDK handles authorization, PKCE, pending state and navigation.
On the same-tab callback run `completeBrowserConnection(options)`, save returned
tokens to your session adapter, then mount `UsagePanel` with a stable SDK client.
Increment `refreshKey` after inference to update usage. The panel reads percentages
and reset dates via `client.usage()`, including loading/error/blocked states.

Never embed confidential app secrets in React. A server integration may supply
a usage adapter that calls its own authenticated endpoint instead.
Canonical: https://platform.puradigital.it/en/docs/integrations/react.