All integrations

Material UI

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

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.