freshcrate
Skin:/
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

Why this rank:Recent releaseHealthy release cadenceStrong adoption

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-05-10Latest activity on main branchHigh5/10/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

skillpackPack and deploy local AI agents for your team in minutesmain@2026-06-01
ClawRecipesSave 120+ Hours of Setup Pain (I did it for you) – Launch Your OpenClaw Agent Teams with 1 Command (15+ Recipes)v0.5.1
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-06-06
adk-javaAn open-source, code-first Java toolkit for building, evaluating, and deploying sophisticated AI agents with flexibility and control.v1.4.0
Cogitator-AI🤖 Kubernetes for AI Agents. Self-hosted, production-grade runtime for orchestrating LLM swarms and autonomous agents. TypeScript-native.main@2026-05-26

More in Frameworks

langchainThe agent engineering platform
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 ta
tqdmFast, Extensible Progress Meter
simBuild, deploy, and orchestrate AI agents. Sim is the central intelligence layer for your AI workforce.