Dendron — Make Any Website Intelligent

How it works

Like a real neuron, but for your website

Dendrites receive signals. The soma processes them. The axon fires Smart Cards. All in 13KB.

Dendrites listen

Scroll, reading time, clicks, cursor patterns. Six passive listeners, zero main-thread impact.

Soma processes

Context Engine scores engagement across 3 dimensions in a Web Worker.

Axon fires

When intent crosses threshold, Dendron calls your backend. Your LLM generates the card.

Synapse delivers

Smart Card appears in a Shadow DOM widget. Right message, right moment.

🔒

Zero liability. Dendron never sees your API keys. Never stores user data. The only egress is your own callback.

Quick Start

3 steps to go live

Pick your platform, choose your LLM, set one secret. That's it.

⚡ Quick Demo (30 seconds)

Try Dendron instantly with our hosted backend. No setup needed.

What you get:

✓ Hosted Dendron backend
✓ Gemini 3.1 Flash AI
✓ Auto-scaling infrastructure
✓ Smart card generation
✓ Full visitor tracking

One script tag:

<script
  src="https://unpkg.com/dendron-sdk@1.0.1/dist/dendron.min.js"
  data-endpoint="https://dendron-landing-page.vercel.app/api/dendron"
></script>

🎉

That's it! Paste this script on your site. Dendron will track user behavior and show smart cards powered by our Gemini backend. Check the console to see real-time tracking.

📱 See Live Demo →

View Docs →

1. Choose your platform

Pick where to deploy your Dendron backend proxy. All have free tiers.

Cloudflare Workers

100K req/day free

Global edge. Fastest.

Vercel

100K invocations/month free

Serverless. Auto-scales.

Netlify

125K invocations/month free

Functions v2. Streaming.

Loading platform guide...

2. Choose your LLM provider

Drag a provider to the right. Or click to select.

LLM Providers

OpenAI

GPT-5.4, GPT-5.4-pro

Anthropic

Opus 4.6, Sonnet 4.6

Google Gemini

Gemini 3.1, 2.5 Pro

Groq

Llama 4, DeepSeek R1

Mistral AI

Large, Small 4

Ollama

Llama 3.3, Gemma 3

Drag a provider here

or click to select

3. Deploy to production

Copy the commands below to deploy your Dendron backend.

Clone & Deploy

git clone https://github.com/bitWise72/dendron cd dendron/deploy/cloudflare-worker npm install && npx wrangler deploy

Set Environment Variables

npx wrangler secret put OPENAI_API_KEY export DENDRON_PROVIDER=openai export DENDRON_MODEL=gpt-5.4-mini

Add this to your website

<script src="https://unpkg.com/dendron-sdk@1.0.1/dist/dendron.min.js" data-endpoint="https://dendron-proxy.YOUR_NAME.workers.dev"></script>

✅

You're live! Dendron is now tracking user behavior on your site and calling your backend when intent threshold is crossed.

Next: Add to Frontend →

Frontend

Add Dendron to your page

Two steps. Any framework. Under 3 minutes.

Install

npm or CDN. Zero dependencies.

npm

npm install dendron-sdk

CDN

<script src="https://unpkg.com/dendron-sdk@1.0.1/dist/dendron.min.js"></script>

Initialize

One callback — onQuery routes to your backend.

// app/layout.tsx
'use client';
import { useEffect } from 'react';
import { Dendron } from 'dendron-sdk';

export default function RootLayout({ children }) {
  useEffect(() => {
    Dendron.init({
      onQuery: async (payload) => {
        const res = await fetch('/api/dendron', {
          method: 'POST',
          body: JSON.stringify(payload),
        });
        return res.json();
      },
    });
    return () => Dendron.destroy();
  }, []);
  return <>{children}</>;
}

<!-- App.vue -->
<script setup>
import { onMounted, onUnmounted } from 'vue'
import { Dendron } from 'dendron-sdk'
onMounted(() => Dendron.init({
  onQuery: async (p) => (await $fetch('/api/dendron', { method:'POST', body:p })).data
}))
onUnmounted(() => Dendron.destroy())
</script>

import { Dendron } from 'dendron-sdk';
Dendron.init({
  onQuery: async (p) => {
    const r = await fetch('/api/dendron', { method:'POST', body:JSON.stringify(p) });
    return r.json();
  },
});

<script src="https://unpkg.com/dendron-sdk@1.0.1/dist/dendron.min.js"></script>
<script>
  Dendron.init({ onQuery: async function(p) {
    var r = await fetch('/api/dendron', { method:'POST', body:JSON.stringify(p) });
    return r.json();
  }});
</script>

Full docs →

Deployment Reference

Where to deploy Dendron

Follow the Quick Start above to deploy. Here's what each platform offers.

Cloudflare Workers

100K requests/day free
Global edge network
~10ms latency worldwide
Best for: Global audience

Vercel

100K invocations/month free
Serverless functions
Auto-scales automatically
Best for: Next.js sites

Netlify

125K invocations/month free
Functions v2 with streaming
Edge compute available
Best for: Static sites

💡 How API Keys Work

Step 1: Get LLM API Key

Sign up with OpenAI, Anthropic, or your chosen provider. Get your API key from their dashboard (looks like: sk-xxxx or similar).

Step 2: Set Environment Variable

On your platform (Vercel/Netlify/Cloudflare), add your API key as a secret environment variable (e.g., OPENAI_API_KEY).

Step 3: Deploy Dendron

Dendron's backend proxy reads ${OPENAI_API_KEY} and forwards requests to OpenAI. Your site calls Dendron proxy, not OpenAI directly.

Features

Everything you need, nothing you don't

13KB of behavioral intelligence.

⚡

Web Worker Engine

All processing off main thread. <1ms CPU per frame.

🎨

5 Smart Card Types

Greeting, Feature, Pricing, Engagement, Comparison.

🔒

Shadow DOM

Closed shadow root. CSS never leaks in or out.

🔑

BYOK

Bring Your Own Key. Dendron never touches API keys.

🌐

Any Framework

React, Vue, Next.js, vanilla HTML. One API.

🤖

WebMCP Ready

Auto-registers actions for agentic browsers.

Your website has a
nervous system now

This is what Dendron does.

Dendrites listen

Soma processes

Axon fires

Synapse delivers

⚡ Quick Demo (30 seconds)

1. Choose your platform

Cloudflare Workers

Vercel

Netlify

2. Choose your LLM provider

LLM Providers

3. Deploy to production

Install

Initialize

Cloudflare Workers

Vercel

Netlify

💡 How API Keys Work

Web Worker Engine

5 Smart Card Types

Shadow DOM

BYOK

Any Framework

WebMCP Ready

Your website has anervous system now

This is what Dendron does.

Dendrites listen

Soma processes

Axon fires

Synapse delivers

⚡ Quick Demo (30 seconds)

1. Choose your platform

Cloudflare Workers

Vercel

Netlify

2. Choose your LLM provider

LLM Providers

3. Deploy to production

Install

Initialize

Cloudflare Workers

Vercel

Netlify

💡 How API Keys Work

Web Worker Engine

5 Smart Card Types

Shadow DOM

BYOK

Any Framework

WebMCP Ready

Your website has a
nervous system now