Private, on-device AI.
Built for your app.

npm install @desource/browser-ai-vue

<script setup lang="ts">
import { PromptApi } from "@desource/browser-ai-vue";
import "@desource/browser-ai-vue/assets/lib.css";
</script>

<template><PromptApi /></template>

npm install @desource/browser-ai-nuxt

export default defineNuxtConfig({
  modules: ["@desource/browser-ai-nuxt"]
});

// app/pages/feature.vue
<template><PromptApi /></template>

npm install @desource/browser-ai-react

import { PromptApi } from "@desource/browser-ai-react";
import "@desource/browser-ai-react/assets/lib.css";

export function Feature() {
  return <PromptApi />;
}

npm install @desource/browser-ai-angular

import { Component } from "@angular/core";
import { BrowserAiPromptApiComponent } from "@desource/browser-ai-angular";
import "@desource/browser-ai-angular/assets/lib.css";

@Component({
  standalone: true,
  imports: [BrowserAiPromptApiComponent],
  template: `<browser-ai-prompt-api />`
})
export class FeatureComponent {}

npm install @desource/browser-ai-svelte

<script lang="ts">
  import { PromptApi } from "@desource/browser-ai-svelte";
  import "@desource/browser-ai-svelte/assets/lib.css";
</script>

<PromptApi />

npm install @desource/browser-ai

import { createPromptApi } from "@desource/browser-ai";

const button = document.createElement("button");
const output = document.createElement("pre");
button.textContent = "Run PromptApi";
document.body.append(button, output);

button.addEventListener("click", async () => {
  button.disabled = true;
  const api = createPromptApi();
  try {
    const result = await api.prompt("Reply in one sentence.");
    output.textContent = typeof result === "string" ? result : JSON.stringify(result, null, 2);
  } catch (error) {
    output.textContent = error instanceof Error ? error.message : String(error);
  } finally {
    api.dispose();
    button.disabled = false;
  }
});