All integrations
Email component library

React Email

Generate, preview, and export email-safe interfaces with OpenUI's React Email component package.

Integration overview

How it connects to OpenUI

@openuidev/react-email provides 44 OpenUI component definitions, an emailLibrary, and prompt rules. OpenUI Lang streams into a React Email preview, which @react-email/render can convert to email-compatible HTML.

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 Email 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.

Start here

Install or scaffold

npm install @openuidev/react-email @openuidev/react-lang

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