Interactive UI for AI agents

Your agent. Your UI.
Every channel.

Drop in Metabind and your agent answers with interactive charts, tables, comparisons and forms. Add your brand and every answer looks like your product, in Claude, ChatGPT and every MCP host, and natively in your own apps.

Try it in Claude or ChatGPT

Add it to Claude, ChatGPT or your own agent. No account needed.

Setup guide
Your agent

How did Q3 go by region?
metabind · show_view
Theme · Metabind

Q3 revenue by region

From q3_sales.csv · Sample data

LATAM is the only region that shrank (−8%). Two enterprise renewals slipped into October.

Show, don't just tell

Your agent already has the answer. It just can't show it.

Numbers, comparisons and step-by-steps get flattened into paragraphs, so people skim, miss the point and ask again. And where answers do arrive as UI, they come in the host's design, not yours. Metabind lets your agent answer with your components instead.

Without Metabind

A paragraph of figures to decode.

Q3 revenue was $4.82M, up 12.4% on Q2. North America led at $1.81M (up from $1.62M), followed by EMEA at $1.38M (from $1.21M), APAC at $1.19M (from $0.98M) and LATAM at $0.44M (down from $0.48M). New customers rose 8.1% to 1,284 and churn fell 0.4 points to 2.1%. LATAM was the only region to decline, mainly because two enterprise renewals slipped into October. Would you like me to break any of these down further by account, month or product line?

With Metabind

The headline, the trend and the takeaway at a glance.

Revenue$4.82M▲ 12.4%
New customers1,284▲ 8.1%
Churn2.1%▼ 0.4 pts

The standard library

Every answer shape, covered.

Metrics, charts, tables, comparisons, timelines, steps and forms, each built for a different kind of answer. They're ready on day one, and every one takes on your brand.

How it works

Connect. Ask. Make it yours.

Nothing to install and no front end to build. Your agent calls the components like any other tool, and Metabind validates every answer, then draws it.

1

Connect Metabind

Add Metabind to Claude or ChatGPT as a connector, or add its server URL to your own agent. No account needed to try it.

Setup guide
2

Ask a real question

When an answer has structure worth seeing, the model picks a component and fills in its fields, and the view streams in as it writes.

3

Make it your brand

Start a free project from the standard library, set your colours, type and corners, and publish your own server. Then bring your own components.

Make it your brand

Same components. Your look.

A theme is one table of design tokens. Change it and every component restyles with no code changes, everywhere your agent shows up. Try it.

Accent
Type
Corners
Density
Appearance

Your portfolio this month

Updated today, 9:41

Rebalance suggested. Equities are 6 points above your target.

Bring your own components

Your design system.
In the conversation.

Your agent doesn't type back. It shows you: product cards, dashboards, galleries, video and 3D, as your actual interface. Claude Code or Codex converts your SwiftUI, Jetpack Compose or React components to BindJS, and the agent can show only the ones you approved, validated on every render.

Carousel of cards
Lounge Chair product card
A chair shown in 3D

One definition, everywhere

In every chat. In your own apps.

Write your components once. They render inside Claude, ChatGPT and every MCP host, and natively in your iOS, Android and web apps, so every answer looks like your product wherever your customers meet your agent.

app.yourbrand.com/assistant
ChatGPTYour app
9:41
Your app
How did Q3 go by region?

Q3 revenue by region

Sample data

Revenue$4.82M▲ 12.4% vs Q2
Churn2.1%▼ 0.4 pts vs Q2
Ask anything

In MCP hosts

Views render inline in the conversation, in the host's app frame, just like every MCP app. Light and dark follow the host.

ClaudeChatGPTVS CodeMicrosoft 365 CopilotGooseAny MCP Apps host
Project setup docs

Native in your apps

Drop the Assistant SDK into your iOS, Android and web apps. The same components render with SwiftUI and Jetpack Compose. That's real native UI, not a web view.

iOS · SwiftUIAndroid · ComposeWeb · React
Assistant SDK Docs

Start from a working app.

Retail and finance: two complete apps, each with a governed agent inside, on iOS and Android. Pick the one nearest your business and see what yours becomes. Clone it, point it at your APIs, and run the whole agent inside your own app.

Oak & Ivory demo app icon

Retail Demo

An interior design assistant for a home furnishings catalog. Product carousels, side-by-side comparisons, color palettes and generated room inspiration all come back as rendered components, so the conversation stays visual instead of collapsing into a wall of text.

View and Clone
Finance demo app icon

Finance Demo

A personal finance app built entirely from the governed agent's own tools. Instead of a chat window, they render as native tabs and sheets, so the app you tap and the agent you ask share one definition.

View and Clone

Governed by design

The model fills in your components.
It never writes them.

Your agent picks from components you approved and fills in their typed fields. Every answer is validated before it renders, and there's no generated HTML, CSS or code, so every view is predictable, accessible and on-brand.

What your agent sendsshow_view
Renders as

Get started

Add Metabind to your agent in a minute.

Paste one URL into Claude, ChatGPT or your own agent, with no account. Ask a question with numbers in it and see your answers become UI.

MCP server URL

Common questions

Does it work with the agent I already have?

Yes. Any agent that can connect to an MCP server works, on any model or framework. Add Metabind's server beside the ones your agent already uses; it doesn't replace your agent.

We don't have an agent yet. Can we still use it?

Yes. Embed the Assistant SDK in your iOS, Android or web app. It talks to the Agent Proxy, which runs a script you author on Anthropic, OpenAI or Gemini, with the keys held server-side.

Do I need an account to try it?

No. Add Metabind to Claude as a custom connector, or to ChatGPT in developer mode, and start asking. You need a free account when you want your own brand or your own components.

Does the model write code or HTML?

Never. The model fills in your components; it never writes them. It picks from components you approved and fills their typed fields, and every answer is validated against the component's schema and allowlist before it renders.

Can I use my own components?

Yes. Your AI coding agent converts your SwiftUI, Jetpack Compose or React components into BindJS, and the Metabind CLI imports them. Start from the standard library in your brand while you convert.

We already run an MCP server. Do we have to replace it?

No. Keep it beside Metabind's: most agents take a list of MCP servers.

Where do the answers render?

In Claude, ChatGPT and other MCP hosts, inside the host's sandboxed frame. In your own iOS, Android and web apps, our SDKs render them natively as SwiftUI, Jetpack Compose and React.

Is this an MCP App?

Yes. Metabind generates a standards-compliant MCP server from your tool definitions (SEP-1724, SEP-1865), then hosts, validates and scales it. It's an MCP App in Claude and a plugin in ChatGPT, and you never deploy a server.

What does it cost?

Trying it is free, with no account. The Free plan includes Metabind Studio, BindJS and the Assistant SDK, with 10K tool invocations. No credit card.

Your agent. Your UI. Every channel.

No credit card. No sales call. No server to run.

Start Free