Ephemeral interactive UIs for AI agents
Generate rich web pages from chat — no app install required. Pages self-destruct.
AI agents are stuck in text. Macro trackers as emoji bars. Checkout flows as "paste your card number in chat." Workout timers as… countdown text?
Rich interactions squeezed into a text box. Users deserve better. Agents can do better.
SparkUI generates real, interactive web UIs on demand. A link in chat → rich UI in browser → results back to the agent.
No app installs. No accounts. No setup. Just a URL that works everywhere and self-destructs when done.
These buttons hit a live SparkUI server and generate real ephemeral pages. Try them — they'll self-destruct in an hour.
Daily nutrition tracking with calorie & macro progress bars, meal logging, and totals.
Secure ephemeral checkout with product details, quantity, promo codes, and payment form.
Interactive exercise timer with rounds, rest periods, exercise checklists, and audio cues.
Multi-field form with star ratings, text inputs, selects, and real-time validation.
Real-time polls with bar chart results, single or multi-select, and auto-close support.
Categorized, checkable shopping list with real-time sync and collaborative editing.
Day and week views with color-coded events, detail modals, and today highlighting.
Request approval with approve/reject/changes buttons, comments, and confirmation dialogs.
Side-by-side product comparison with feature matrix, pros/cons, and selection.
Your AI agent generates a page — pick a template or compose from 15 components — and pushes it via the REST API.
→User gets a URL in chat. One click opens a polished, interactive page in their browser. No installs. No accounts.
→User actions stream back to the agent via WebSocket in real-time. The agent responds, adapts, and continues the conversation.
┌─────────────┐ POST /api/push ┌───────────────┐ GET /s/:id ┌─────────────┐
│ │ ───────────────────▶ │ │ ◀───────────── │ │
│ Agent │ │ SparkUI │ │ Browser │
│ (AI/MCP) │ ◀── WebSocket ───── │ Server │ ── WebSocket ▶ │ (User) │
│ │ completion events │ :3457 │ user actions │ │
└─────────────┘ └───────────────┘ └─────────────┘
Three ways to integrate — from zero-config to full control.
Drop-in skill for OpenClaw agents. Your agent gets sparkui_push and sparkui_compose tools automatically.
Works with Claude Desktop, Cursor, and Windsurf. Standard MCP protocol — just add the server config.
Simple HTTP endpoints. Push templates, compose custom pages, manage lifecycle. Works with any language.
Push an interactive page in a single API call.
curl -X POST https://your-server/api/push \ -H "Authorization: Bearer YOUR_TOKEN" \ -H "Content-Type: application/json" \ -d '{ "template": "checkout", "data": { "product": { "name": "Flux Capacitor", "price": 1985.00, "image": "⚡" } } }' # → { "url": "/s/abc123", "expiresAt": "..." }