All integrations
Mobile framework

React Native

Render model-generated interfaces in a native mobile chat application with a dedicated component library.

Integration overview

How it connects to OpenUI

The reference project pairs a React Native chat app with a backend that prompts for OpenUI Lang. Native component definitions map the same structured response model to mobile views and actions.

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 React Native 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