✨ Database Agent + Customer Support AI — React, Vue, Angular, Next.js

AI Agent for Your Database & Your Customers

Embed an AI assistant that queries your database in natural language OR powers your customer support with persona, knowledge base, conversation flows, and smart escalation. 2 lines of code. Any framework.

Database Agent
// Database Agent Mode
<SyncAgentChat
config={{
apiKey: "sa_your_key",
connectionString: process.env.DATABASE_URL
}} />
Customer Chat Widget
// Drop-in Customer Support
<SyncAgentCustomerChat
apiKey="sa_your_key"
connectionString={process.env.DATABASE_URL}
accentColor="#6366f1"
darkMode
/>

How It Works

Three steps to give your app an AI brain.

01

Create a Project

Sign up, pick your database type, and configure permissions. Your DB URL never leaves your code.

02

Get Your API Key

Generate an API key and install the SDK. Pass your database URL through the SDK — we never store it.

03

Embed the Widget

Add 2 lines of code to your app. Your users can now talk to your database in plain English.

Two Powerful Modes

One SDK, two ways to supercharge your app.

🗄️

Database Agent

Your users query, create, and analyze data using natural language. The agent understands your schema and translates questions into real queries.

  • Smart queries
  • Aggregations
  • CRUD operations
  • Schema-aware
  • Multi-tenant filtering

Best for: Admin dashboards, internal tools, analytics

Customer Support Agent

AI-powered support that knows your product. Persona, knowledge base, conversation flows, guest identification, and automatic escalation to humans.

  • Custom persona & tone
  • Knowledge base RAG
  • Conversation flows
  • Guest identification
  • Human escalation

Best for: Help desks, support widgets, customer portals

🆕 New in v0.5.0

Pre-built Customer Chat Widget

Drop in a complete customer support experience with zero custom UI. Guest identification, AI messaging, human escalation, satisfaction rating, and WCAG AA accessibility — all in one component.

🎨

Themeable

Pass an accent color and dark mode flag — the theme engine generates a full WCAG-compliant palette automatically. 4.5:1 text contrast guaranteed.

Accessible

ARIA roles, keyboard navigation, focus management, live regions for screen readers, and reduced motion support.

🔌

Real-time Escalation

Pusher integration for live human agent messages during escalation, with automatic polling fallback.

👤

Guest Identification

Built-in form for anonymous visitors. Returning guests are recognized automatically via localStorage.

Satisfaction Rating

Star rating widget appears after resolution. Ratings are tracked in your dashboard analytics.

🌐

Every Framework

Same component API across React, Next.js, Vue 3, and Angular 17+. One docs page, consistent behavior.

SupportWidget.tsx
import
{ SyncAgentCustomerChat }
from "@syncagent/react";
export default function Support() {
return (
<SyncAgentCustomerChat
apiKey="sa_your_key"
connectionString={process.env.DATABASE_URL}
accentColor="#6366f1"
title="Support"
darkMode
onEscalated={() => notify()}
/>
);
}

That's it. A floating chat button appears with full support pipeline behind it.

What the Agent Can Do

🔍

Smart Queries

"Show me all orders over $500" → real DB queries

Customer Support

AI persona with knowledge base and conversation flows

🧠

Schema Aware

Auto-discovers tables, fields, and relationships

🔄

Conversation Flows

Scripted branching paths for common support scenarios

👤

Guest Identification

Anonymous visitors identify before chatting, returning visitors recognized

🛡️

Safety First

Confirms writes, blocks dangerous ops, respects permissions

🧩

Custom Tools

Give the agent superpowers with client-side tool execution

📚

Knowledge Base

RAG-powered answers from your docs and FAQs

🚀

Escalation

Auto-handoff to human agents when AI can't resolve

🌐

Every Framework

React, Vue, Angular, Next.js, vanilla JS, REST API

Works With Your Stack

One SDK for all. Same API, same features, every framework.

React
Vue
Angular
Next.js
Node.js
REST API

Supported Databases

MongoDB
PostgreSQL
MySQL
SQLite
SQL Server
Supabase

Simple Pricing

Start free. Scale as you grow.

Free

GH₵0/mo

14-day trial: 500 req + ∞ collections

100/mo requests

5 collections

✓ All database types

✓ Embeddable widget

Get Started

Starter

GH₵150/mo

5,000/mo requests

20 collections

✓ All database types

✓ Embeddable widget

Get Started
MOST POPULAR

Pro

GH₵500/mo

50,000/mo requests

Unlimited collections

✓ All database types

✓ Embeddable widget

Get Started

Enterprise

Custom/mo

Unlimited requests

Unlimited collections

✓ All database types

✓ Embeddable widget

Contact Sales

View full plan comparison →

Ready to ship smarter?

Give your users the power to talk to your database AND get instant AI support. Set up in under 5 minutes.