Quickstart
Go from zero to a rendered, sandboxed UI component in under five minutes.
Read moreCore concepts
Intents, context data, scoped CSS, and the sanitization pipeline that keeps you safe.
Read moreSDK reference
render(), update(), destroy() and every config option for the embed SDK.
Read moreSecurity model
How Morphis defends your app from hostile model output — sandbox, sanitizer, scoped CSS.
Read moreAPI reference
Full endpoint docs: request/response shapes, error codes, and rate policy.
Read morePlayground
Iterate live against the generation API without writing a line of code.
Read moreTwo-minute mental model
Morphis is a single API: you send a natural-language intent plus a JSON blob of context data; we return sanitized, scoped HTML+CSS ready to drop into a sandboxed iframe. Your app ships new UI without a redeploy, and hostile model output never touches your DOM.
- Describe the component — e.g. "show a churn-risk table".
- Send data —
{ customers: 12, churn: 2.4 }. - Render the returned markup inside the SDK iframe — sanitized and isolated.
Request sketch
POST /api/generate-ui
{
"apiKey": "mph_live_...",
"intent": "show a churn-risk table",
"contextData": { "customers": 12, "churn": 2.4 },
"theme": "light"
}The response includes an html payload plus metadata (tokens, model, source).