freshcrate
Home > Frameworks > aura-ai-chat

aura-ai-chat

A web component based AI agentic chat UI element which can be added in any website to turn it into an agentic app

Description

A web component based AI agentic chat UI element which can be added in any website to turn it into an agentic app

README

✨ Aura AI Chat

A production-grade, framework-agnostic AI chat widget built as a Web Component.


Welcome to the Aura AI Chat monorepo! This workspace is orchestrated using pnpm workspaces and TurboRepo.

Aura AI Chat allows you to easily drop a powerful, customizable AI assistant into any web application, regardless of the framework or the AI provider you choose.

🎯 Why I built this?

I wanted to create a resilient UI layer that leverages the existing ecosystem instead of starting from scratch every time. I was tired of "reinventing the wheel" for every AI project in the company.

I set out with 5 core objectives:

  1. Maximize reusability: Provide a framework-agnostic, drop-in Web Component to effortlessly agentify any existing application.
  2. Consistent UI: Give internal tools a unified, premium AI chat look and feel.
  3. Native Tooling/Skills: Rely on progressive disclosure (client-side tool calling) rather than dumping massive state into the context window, saving a massive amount of tokens and latency.
  4. WebMCP Bridge: Make the host website ready for Model Context Protocol integration right out of the box.
  5. Enterprise Governance: Provide dedicated channels for enterprise-level observability, custom UI injection, and human-in-the-loop (HITL) execution controls.

🎥 See it in Action

See how Aura AI Chat uses skills configured by the host application through progressive disclosure, invokes Human-in-the-Loop interventions, and natively logs all AI actions within the conversation history and a live event console.

multi_skills.mp4

⚡ Features

  • Framework Agnostic: Built with Lit Web Components. Works natively in Angular, React, Vue, or Vanilla JS.
  • Agentic Loop: Full iteration tracking, skills execution, and step-by-step timeline rendering.
  • Human-in-the-Loop: Explicit support for safe, moderate, and destructive tool categorizations with inline approval/rejection UI.
  • Bring Your Own LLM: Includes a built-in GitHub Copilot provider, and easily extensible interfaces for any custom LLM or API provider.
  • WebMCP Integration: Effortlessly export Aura tools to the page and import compatible tools from your browser.

🏗️ Project Structure

This monorepo is divided into the core library and several host framework demonstrations:

Directory Description
📦 packages/lib/ The core framework-agnostic AI chat widget and playground testbed.
🅰️ demos/angular/ Angular integration demonstration showing a full dashboard.
⚛️ demos/react/ React wrapper demonstration.
💚 demos/vue/ Vue integration demonstration.
🛠️ scripts/ Shared CLI orchestrator scripts (like demo.js).

🚀 Getting Started

  1. Install Dependencies Ensure you have installed pnpm globally (npm i -g pnpm), then run:

    pnpm install
  2. Core Development Boot the vanilla playground natively using Vite:

    pnpm run dev
  3. Explore Framework Demos Boot a specific framework dashboard demo (which automates building the core library first):

    pnpm run demo angular # runs on localhost:4200
    pnpm run demo react   # runs on localhost:4300
    pnpm run demo vue     # runs on localhost:4400

    Or run all demos in parallel:

    pnpm run demo

📦 Publishing

This is what to do to publish aura-ai-chat to npm:

# 1. login to npm (one time only)
npm login

# 2. describe your change
pnpm changeset
# → prompts: patch / minor / major
# → prompts: describe the change

# 3. bump version + generate CHANGELOG
pnpm version

# 4. build + publish
pnpm release

After step 4, anyone can install it with:

npm install aura-ai-chat

Release History

VersionChangesUrgencyDate
main@2026-04-18Latest activity on main branchHigh4/18/2026
0.0.0No release found — using repo HEADHigh4/11/2026
main@2026-04-11Latest activity on main branchHigh4/11/2026
main@2026-04-11Latest activity on main branchHigh4/11/2026
main@2026-04-11Latest activity on main branchHigh4/11/2026
main@2026-04-11Latest activity on main branchHigh4/11/2026
main@2026-04-11Latest activity on main branchHigh4/11/2026

Dependencies & License Audit

Loading dependencies...

Similar Packages

ClawRecipesSave 120+ Hours of Setup Pain (I did it for you) – Launch Your OpenClaw Agent Teams with 1 Command (15+ Recipes)v0.4.55
deer-flowAn open-source long-horizon SuperAgent harness that researches, codes, and creates. With the help of sandboxes, memories, tools, skill, subagents and message gateway, it handles different levels of tamain@2026-04-21
Cogitator-AI🤖 Kubernetes for AI Agents. Self-hosted, production-grade runtime for orchestrating LLM swarms and autonomous agents. TypeScript-native.main@2026-04-21
adk-javaAn open-source, code-first Java toolkit for building, evaluating, and deploying sophisticated AI agents with flexibility and control.v1.1.0
difyProduction-ready platform for agentic workflow development.1.13.3