WIDGENTIC
The widgentic mark: a blue robot head whose antenna forms a W

Widgets for agents.

Design a card, a table, a tree or your own widget once. Every MCP host your agents use renders it inline — claude.ai, Claude Desktop, ChatGPT, VS Code Copilot.

Start designing Read the docs

Sign in

Your widgets, themes, schemas, actions and keys — one catalog, served to every host.

Continue with email Continue with GitHub

No passwords stored. Two methods, one account — link the other later.

Renders in claude.ai Claude Desktop ChatGPT VS Code Copilot Chat MCP basic-host text fallback everywhere else

How it works

Design in widgentic.dev

Sign in, start from a built-in card, table or tree — or a blank template — and save to your catalog. A live preview runs on every edit.

Create a key and connect a host

Point claude.ai, Claude Desktop, ChatGPT or VS Code at https://mcp.widgentic.dev/mcp with your key. Keys read your catalog; nothing else.

Ask

The agent calls render_widget; the widget appears inline in the conversation and updates in place as the data changes.

What you can design

Widgets

Cards, tables, trees or your own template — with a live preview on every edit.

Themes

Design tokens as a named theme; any host renders your palette, light or dark.

Data schemas

One shared shape, referenced by name from every widget that needs it.

Actions

Buttons that propose a message or call your API — declared as data, never code.

Secrets

Encrypted with a vault-held key, injected by name, never shown again.

API keys

Named, revocable, read-only by default; execute is opt-in at creation.

Design with your agent beta

Open widgentic.dev in a browser whose agent speaks WebMCP — ChatGPT Desktop's browser, Chrome or Edge in the origin trial — and the designers become the agent's tools: it drafts into the designer you are looking at, with the live preview and the diagnostics you see. You save. On the next tool call, any agent with your key renders what the two of you made.

For developers

@widgentic/coreThe contract, catalog, template DSL, theming and in-place rendering.browser + Node
@widgentic/designerEmbeddable widget, theme, schema and action designers.browser
@widgentic/mcpThe tool convention, server assembly, per-principal store and secrets.Node ≥ 22
@widgentic/webmcpThe designers as WebMCP tools for the agent in your browser — agents draft, people save.browser · beta
list_widgetslist_schemaslist_actionslist_themeslist_theme_tokensget_authoring_guiderender_widgetexecute_action
Documentation Source on GitHub Packages on npm 
// npm i @widgentic/core @widgentic/mcp
import { createCatalog } from "@widgentic/core/catalog";
import { mountWidget } from "@widgentic/core/reactive";
import { extractWidgetPayload } from "@widgentic/mcp";

const catalog = createCatalog();
const found = extractWidgetPayload(toolResult, {
  knownKinds: new Set(catalog.kinds())
});
if (found.found && found.ok) {
  mountWidget(found.payload, container, { catalog });
}

Built to be trusted