React Email DnD

Built on React Email

The editor outputs standard React Email structures that can be rendered with your existing render pipeline.

Integrate with your existing DaisyUI themes both in editor and your outcome emails.

Theme Config

daisyui.json

primary#6419e6

secondary#d926a9

accent#1fb2a6

neutral#2a323c

Need a complex product picker or a dynamic chart? Create custom blocks in React and expose them to the editor with a simple schema.

Product.tsx

export const Product = (props) =>

<Text>{props.title}</Text>

</Container>

Custom Block

Everything you need to build your own email editor, split into modular packages.

A complete drag-and-drop authoring environment. Handles canvas state, drag interactions, property panels, and selection logic.

Takes the JSON document and transforms it into production-ready HTML or React components. Manages styles, fonts, and compatibility.

Contains the core type definitions, validation schemas, and utility functions that ensure the editor and renderer speak the same language.