Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.usechar.com/llms.txt

Use this file to discover all available pages before exploring further.

Char is a web component, so every framework follows the same auth model.

Universal pattern

  1. Render <char-agent publishable-key="pk_live_...">
  2. If you have user auth, call connect({ publishableKey, idToken })
  3. Never pass tokens in HTML attributes
agent.connect({
  publishableKey: "pk_live_...",
  idToken,
});
Use publishableKey for every embed and pass idToken when user identity is available.

Guides

React

React and Next.js integration

Vue

Vue and Nuxt integration

Angular

Angular standalone/component patterns

Svelte

Svelte and SvelteKit integration

Solid

Solid and SolidStart integration

HTMX

Partial-update integration

Hotwire

Rails Turbo + Stimulus

Livewire

Laravel Livewire

LiveView

Phoenix LiveView

Reference