lioric-react

React chatbot widget for Lioric project client keys.

The hosted Lioric chat API is used by default, so no CSS import or API URL prop is required.

import { Lioric } from "lioric-react";

export function App() {
  return (
    <Lioric
      apiKey="lioric_live_..."
      llmApiKey="your_gemini_api_key"
      assistantName="Acme Support"
      logoSrc="/brand-bot.gif"
      logoAlt="Acme assistant"
      theme={{
        accentColor: "#2563eb",
        launcherBackground: "#111827",
        userMessageBackground: "#2563eb",
        assistantMessageBackground: "#f8fafc",
        assistantMessageTextColor: "#0f172a"
      }}
      position="bottom-left"
    />
  );
}

The API endpoint and default model (gemini-3-flash-preview) are built into the SDK, so customers only pass their Lioric key, LLM key, and display options. The optional model prop can be used later when more models are available.