Email Mockup Builder

A compilation of reusable components for creating generic email templates.

📦 Components

Drag onto the canvas →

0 components
📧

Drag components here

Build your email mockup by dragging components from the palette

Generated HTML

<!-- Drop components to generate HTML -->

✍ Editor Mode

You can now click directly on the text in the email to change it. Your layout is locked in this view.

Pro Tip

Formatting like Bold or Italic can be done using the buttons above, or via standard browser shortcuts if supported.

Note

If you go back to the Builder, those layout changes will reset any text edits made here.

Live Edit Mode

Preview Code

<!-- Edits reflect here -->