Plexo
Start Free
PLEXO DEVELOPER HUB & API ENGINE

Embed, Automate &
Build with AI Agents.

Integrate the Plexo visual builder into your SaaS with our SDK, or connect Cursor, Claude, and Antigravity via our native MCP server.

$npm i @charisol/plexo-sdk
Configure MCP Server
app/developer-quickstart.tsxSDK v1.0.40
import { PlexoBuilder } from "@charisol/plexo-sdk";
import { mcpServer } from "@charisol/plexo-mcp";

// 1. Embed Visual Builder Canvas
<PlexoBuilder
  mode="landing_page"
  apiKey={process.env.NEXT_PUBLIC_PLEXO_API_KEY}
  useAi
  onSave={({ json, html }) => console.log("Saved:", html)}
/>

// 2. Connect AI Agents via MCP
mcpServer.registerTools({
  createPage: true,
  syncCustomDomain: true,
});
SDK & MCP Active
Vercel Edge Ready
EMBEDDABLE SDK

Plexo SDK for Next.js & React

Embed the complete drag-and-drop web and email builder directly into your SaaS application with full customization and event callbacks.

SaaSPageEditor.tsx
import { PlexoBuilder } from "@charisol/plexo-sdk";

export default function SaaSPageEditor() {
  return (
    <div className="h-screen w-full">
      <PlexoBuilder
        mode="landing_page"
        apiKey={process.env.NEXT_PUBLIC_PLEXO_API_KEY}
        useAi
        onSave={({ json, html }) => console.log("Saved:", html)}
      />
    </div>
  );
}
Package: @charisol/plexo-sdk@1.0.40● Production Ready

Visual & Raw Mode Switching

Switch between visual drag-and-drop canvas and raw HTML/CSS editing. Trigger eject callbacks to save raw HTML to your own storage.

Custom Domain Binding

Pass customDomain props to automatically bind customer domains to Vercel DNS and Blob assets.

Tenant Security & Isolation

Multi-tenant API keys and origin restrictions safeguard data and prevent cross-account leaks.

NATIVE MCP SERVER

Plexo MCP Server for AI Agents

Connect Cursor, Antigravity, Claude Desktop, or ChatGPT to your Plexo workspace. Prompt AI assistants to generate, edit, link custom domains, or publish pages autonomously.

claude_desktop_config.json
{
  "mcpServers": {
    "plexo": {
      "command": "npx",
      "args": ["-y", "@charisol/plexo-mcp@latest"],
      "env": {
        "PLEXO_API_KEY": "plx_live_your_key_here",
        "PLEXO_APP_URL": "https://plexo.app"
      }
    }
  }
}
Package: @charisol/plexo-mcpMCP Protocol 1.0
tool: create_landing_page

Autonomous Page Creation

Generates multi-page visual templates or raw HTML pages from natural language prompts.

tool: linkDomainToTemplate

Custom Domain Binding

Links custom domains to published templates with Vercel DNS and TLS provisioning.

tool: duplicate_landing_page

Template & Blob Cloning

Duplicates visual blocks and asset blobs cleanly across sub-page hierarchies.

tool: create_commerce_product

Digital Products & Payments

Lists a digital download or service, manages orders, and switches a site between its own Paystack keys or Plexo's Paystack/Stripe.

INTERACTIVE PLAYGROUND

Developer Code Reference

Explore implementation snippets for embedding the SDK, setting up MCP servers, or consuming REST endpoints.

components/BuilderCanvas.tsx
import { PlexoBuilder } from "@charisol/plexo-sdk";

export function BuilderCanvas({ pageId }: { pageId: string }) {
  return (
    <PlexoBuilder
      mode="landing_page"
      apiKey={process.env.NEXT_PUBLIC_PLEXO_API_KEY}
      templateId={pageId}
      useAi
      onSave={({ json, html }) => console.log("Saved:", html)}
    />
  );
}