Get started

Introduction

MorphScreen lets a model answer with real UI. It reads the answer as it streams, checks every line against the components your app allows, and draws it on the page.

View as Markdown
A saved answer from DeepSeek V4 Flash, unedited, streaming into a page through the web SDK at the pace the model wrote it.

A model writes its answer as Markdown with a few tags, like <Card>, <Chart>, <Quiz> and <Form>. MorphScreen's core reads that text as it arrives, checks each line against the components your app allows, and hands your page something it can draw at once. When a line breaks a rule, the API asks the same model to fix only that line.

Get a key and make a first call, or see every component drawn live.

How it works

Get a key

Sign up with your email or GitHub. The account comes with a project and its first key.

Send the chat call you already make

The API speaks OpenAI's chat completions. Point your server's call at https://api.morphscreen.com/v1, add the X-MorphScreen-Key header, and keep the key on your server.

Draw what comes back

The web SDK draws the answer while it streams, with plain DOM or React. On a server, /v1/render turns a finished answer into HTML that needs no JavaScript.

Let the reader act

Buttons, forms, quizzes and polls come back to your app as actions. You decide what happens next, usually the model's next turn.

What's in MorphScreen

The formatMarkdown with tags, written so half an answer is always a valid start of the whole one.75 componentslayout, charts, forms and buttons in the core, and eight packs for data, shopping, scheduling, media, docs, inputs, interaction and the device.Validation and repairevery line checked against your app's catalog, and only the broken lines sent back to the model.Your own componentsdescribe them once, and the model, the checks and the renderer all know them.Agentsthe API speaks AG-UI, and connectAgent holds a whole conversation with any AG-UI agent.Productionplans and limits, errors you can act on, a dashboard of every call, and nothing of the conversation kept.

Integrations

The web SDK works with any framework: React, Next.js, Vue and Nuxt, Svelte and SvelteKit, Angular, webpack and plain JavaScript. Each page's code is a small app we install, build and run in Chrome every week, so the snippets work as written. Your server can be Node.js, Python or anything that speaks HTTP.