Skip to content
OwlLayerAI

Ecosystem

One server. Every interface around it.

OwlLayer AI is a set of small packages that share one protocol. Client SDKs live in your interface, one central server talks to the model, adapters and plugins extend both.

The client SDKs are the heart of it: they turn your components and HTML elements (a button, a link, a form field) into tools the AI agent can execute. Your interface becomes agent-driven, and your code still does the work.

How the pieces connect

UI & DevTools

UI · DevTools

Client SDKs

ReactVueSvelteAngularBrowser · HTML

E-commerce

WooCommerce · PHPShopify

Native & mobile

FlutterSwift · iOSKotlin · Android

OwlLayer AI Server

The central endpoint: holds provider keys, applies policy, speaks AITP with every client.

ServerCore · AITP

Model adapters

OpenAIGoogle GeminiAnthropic ClaudeLiveKit voiceDeepgram

Plugins

Form fillerScrollBar chartCRM demoPromotions demo
  • Stable · Published on npm (0.x, pin your versions).
  • Experimental · Code available in the repository, not published yet.
  • Early stage · Planned. No code or package yet.

23 packages

Client SDKs

5

Turn components and HTML elements into tools. Every client connects to the same server.

  • React

    @owllayer/react

    Stablev0.3.0

    Hooks and components: useAgentTool turns the component that owns an action into a tool.

    pnpm add @owllayer/react
    Docs Source npm Install this

  • Vue

    @owllayer/vue

    Stablev0.3.0

    Plugin and composables: declare tools in <script setup>, next to the state they use.

    pnpm add @owllayer/vue
    Docs Source npm Install this

  • Svelte

    @owllayer/svelte

    Stablev0.3.0

    Stores and the use:agentTool action: put it on a button and the button becomes a tool.

    pnpm add @owllayer/svelte
    Docs Source npm Install this

  • Angular

    @owllayer/angular

    Stablev0.3.0

    Provider, signals and a directive: [owllayerToolName] turns a template element into a tool.

    pnpm add @owllayer/angular
    Docs Source npm Install this

  • Browser · HTML

    @owllayer/browser

    Stablev0.3.0

    For plain HTML, server-rendered pages and CMS: data-owllayer-* attributes make elements tools, no JavaScript needed.

    pnpm add @owllayer/browser
    Docs Source npm Install this

Server & protocol

2

The central endpoint: holds provider keys, applies policy, speaks AITP with every client.

  • Server

    @owllayer/server

    Stablev0.3.0

    The central WebSocket orchestrator. Every client connects here; it holds model keys and runs the agent loop.

    pnpm add @owllayer/server
    Docs Source npm

  • Core · AITP

    @owllayer/core

    Stablev0.4.0

    AITP protocol, shared types and the live tool registry used by every SDK.

    pnpm add @owllayer/core
    Docs Source npm

Model adapters

5

Plug a model into the server: text, tool calling, realtime audio and voice rooms.

  • OpenAI

    @owllayer/adapter-openai

    Stablev0.3.0

    GPT models for text and tool calling, plus OpenAI Realtime audio.

    pnpm add @owllayer/adapter-openai
    Docs Source npm

  • Google Gemini

    @owllayer/adapter-google

    Stablev0.3.0

    Gemini models for text and tool calling, plus Gemini Live audio.

    pnpm add @owllayer/adapter-google
    Docs Source npm

  • Anthropic Claude

    @owllayer/adapter-anthropic

    Stablev0.3.0

    Claude models for text and tool calling.

    pnpm add @owllayer/adapter-anthropic
    Docs Source npm

  • LiveKit voice

    @owllayer/adapter-livekit

    Stablev0.3.0

    Voice rooms and agent sessions routed back through the OwlLayer AI runtime.

    pnpm add @owllayer/adapter-livekit
    Docs Source npm

  • Deepgram

    @owllayer/adapter-deepgram

    StableNext release

    Deepgram speech-to-text, text-to-speech and streaming for voice agents. Ready for the next release.

    On npm with the next release

    Source

UI & DevTools

1

Embedded dashboard and cross-framework DevTools to watch tools, calls and approvals.

  • UI · DevTools

    @owllayer/ui

    Stablev0.4.0

    Embedded dashboard and DevTools panel to inspect context, tools, calls and approvals.

    pnpm add @owllayer/ui
    Docs Source npm

Plugins

5

Reference plugins that add ready-made tools and UI. Read them, fork them, build your own.

  • Form filler

    Experimental

    Multi-step form filling: fill_fields, next_step, prev_step, get_state.

    Install from source

    Docs Source

  • Scroll

    Experimental

    Lets the agent scroll the page. Tool-only and framework-agnostic.

    Install from source

    Docs Source

  • Bar chart

    Experimental

    Reference UI plugin: the agent renders a bar chart with render_chart.

    Install from source

    Docs Source

  • CRM demo

    Experimental

    Reference plugin with mock CRM data to show backend-style tools.

    Install from source

    Docs Source

  • Promotions demo

    Experimental

    Promo codes and flash sales for the shopping demo.

    Install from source

    Docs Source

E-commerce

2

Store integrations built on the Browser SDK. Not published on npm yet.

  • WooCommerce · PHP

    @owllayer/woocommerce

    Experimental

    WordPress/WooCommerce plugin (PHP) that brings the Browser SDK to a store.

    Install from source

    Source

  • Shopify

    @owllayer/shopify

    Experimental

    Native Shopify integration built on the Browser SDK.

    Install from source

    Source

Native & mobile

3

Planned targets. No package yet: follow the roadmap on GitHub.

  • Flutter

    Early stage

    Cross-platform mobile runtime.

    No package yet

    Source

  • Swift · iOS

    Early stage

    Native iOS surface.

    No package yet

    Source

  • Kotlin · Android

    Early stage

    Native Android and Kotlin Multiplatform surface.

    No package yet

    Source