Skip to main content
Now in Public Beta

Your Website, Upgraded to an AI Agent.

Stop making users dig through menus. Drop in one SDK and give them a conversational AI agent that takes action across your site for them instantly.

shop.example.com

Workspace Setup

Navsi AI

Scroll
Live Demo

Watch Navsi AI take action across a website in real-time.

Experience how our autonomous AI agent interacts with your site just like a human user to complete complex tasks.

store.example.com/products/classic-oxford-shirt
Menswear

Classic Oxford Shirt

$89.00

A timeless staple for every wardrobe. Crafted from premium cotton with our signature fit.

Select Size
Color
"Add the blue shirt in size M to my cart"
Executing...
Scanning DOM structure
Found size selector: 'M'
Selected color: 'Blue'
Clicking 'Add to Cart'
1

AI reads the DOM

Navsi analyzes the page structure instantly to identify interactive elements.

2

Intent processed

Natural language is converted into a precise sequence of actions.

3

Commands execute

The agent interacts with the UI directly, clicking and typing as requested.

Ship the SDK in minutes…

Integrate Navsi into your own product today.

See how it works

Without Navsi

  • Support tickets.
  • Repeated questions.
  • Silent churn.
  • Features no one finds.
  • Onboarding that never completes.

With Navsi

  • Questions answered.
  • Workflows completed.
  • Actions taken.
  • Support load gone.
  • Onboarding done.
Mechanism

One SDK. Two modes.
Zero compromise.

Ask Mode

  • Contextual, DOM-grounded answers
  • Reads live page structure
  • Instant answers, zero hallucination
User:How do I refund a purchase?
AI:Based on the return window...

Agent Mode

  • AI takes control — clicks, types, and completes tasks
  • Autonomous action sequences
  • Visual cursor tracking, always stoppable
Click #nav-settings10:42:01
Select “Billing”10:42:05
Open /invoicesRunning
$npm install @navsi.ai/sdk
12345678910
import { ChatbotProvider, ChatbotWidget } from '@navsi.ai/sdk';
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
/* Use env vars instead of hardcoding secrets */
<ChatbotProvider apiKey={import.meta.env.VITE_NAVSI_API_KEY}
{children}
<ChatbotWidget />
</ChatbotProvider>
);
}

Under 5 minutes. Install the SDK, add your API key, wrap your app, and ship a live assistant.

Need the full production setup? Use the quickstart for environment variables, routing, widget mounting, and verification.