MailMode documentation
Docs
Concise notes for previewing emails, reading reports and sharing temporary MailMode previews.
Start here
Quick Start
Paste or upload an email, preview it in light and dark mode, then use the optional checks when you need more detail.
- Upload HTML, MJML, React Email or ZIP projects.
- Preview light and dark mode side by side.
- Switch viewport widths for mobile, email and desktop canvas views.
- Create temporary share links and export PDF reports.
Inputs
Supported Formats
MailMode supports the formats most email developers are likely to test during everyday QA.
- HTML and HTM email files.
- MJML files rendered before previewing.
- Static React Email JSX/TSX templates in safe mode.
- ZIP email projects with local image assets.
Status pill
Rendering Status
The small status pill explains whether MailMode is waiting, working, successful, or needs attention.
- Grey means no email or a neutral state.
- Purple means MailMode is processing something.
- Green means the action completed successfully.
- Amber means the flow needs attention, such as a blocked URL or renderer issue.
Checks
Health Report
The health report highlights practical risks without turning the page into a heavy dashboard.
- Accessibility and contrast checks.
- Link, image and tracking analysis.
- Subject and preheader preview checks.
- Dark mode and rendering risk warnings.
Updates
Changelog
MailMode is moving quickly, with recent work focused on previews, reporting, sharing and docs.
- Initial public release notes.
- Recent feature additions and improvements.
- Known limitations and supported formats.
- A short Coming Next section for planned improvements.