Build better AI interfaces

A complete chat surface Live component

Everything here is a real Web Component — composable, themeable, and ready for your framework.

And it works without a framework?

One library, the whole AI surface

Framework agnostic

Standard custom elements work in React, Vue, Svelte, Angular, or plain HTML.

AI-native patterns

Streaming, reasoning, citations, tool calls, attachments, feedback, and search are built in.

Designed to adapt

Compose with slots. Theme with CSS custom properties. Style internals through CSS parts.

Accessible by default

Keyboard behavior, focus management, live status, and semantic controls are part of the components.

Start with the component you need

Install @loquix/core, import a component definition, then use it like any native HTML element.

import '@loquix/core/tokens/variables.css';
import '@loquix/core/define/define-chat-composer';

<loquix-chat-composer
  placeholder="Ask anything…"
  max-length="4000"
></loquix-chat-composer>

Build your first chat →

Ship with confidence

The first documentation release also defines the integration contract around the components:

• Theming — tokens, dark mode, component variables, and CSS parts.
• Events and state — properties, typed events, requests, and security boundaries.
• Accessibility — built-in behavior and the application release checklist.
• Browser support — tested engines, SSR registration, and version compatibility.