Skip to main content
v0.2.0 Beta Available

React Email
Drag & Drop

The visual builder for React Email. Equip your marketing team with a beautiful editor, while you keep control of the code.

Get StartedRead Documentation
Loading...

Built on React Email

Don't throw away your components. The editor outputs standard React Email code that works with your existing render pipeline. It's just React.

Learn more
<Container />
<Section />
<Row />
<Column />
<Image />
<Heading />
<Text />
<Divider />

Theming with DaisyUI

Why reinvent the wheel? Use DaisyUI themes to style your emails. Extract colors from your web app and inject them directly into your email templates.

Learn more
Theme Config
daisyui.json
primary#6419e6
secondary#d926a9
accent#1fb2a6
neutral#2a323c

Custom Components

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

Learn more
Product.tsx
export const Product = (props) =>
<Container>
<Img src={props.img} />
<Text>{props.title}</Text>
</Container>
Custom Block

Install the primitives

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

The Interface

@react-email-dnd/editor

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

The Output

@react-email-dnd/renderer

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

The Contract

@react-email-dnd/shared

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