All integrations
Design system

Material UI

Expose Material UI components to a model without replacing your existing React design system.

Integration overview

How it connects to OpenUI

The example wraps Material UI components with OpenUI definitions, generates a constrained component prompt, and renders model output back into the same Material UI primitives.

The integration path

  1. 1

    Describe the interface

    Generate a component prompt from the same OpenUI library that will render the response.

  2. 2

    Stream structured output

    Let Material UI own its part of the stack while OpenUI Lang travels as incremental text or mapped agent events.

  3. 3

    Render and interact

    Parse the stream with the matching OpenUI runtime, render real components, and return validated actions to the application.

What stays consistent

One schema for prompting and rendering
Progressive rendering while output streams
Typed components instead of arbitrary markup
Host application retains its runtime behavior