Email Preview Tool

Test how your emails render across 22+ email clients including Gmail, Outlook, iOS Mail, and more. See desktop, webmail, and mobile views with dark mode support.

Create Email Preview

Full HTML document with inline styles recommended for best results

About Email Preview Testing

Supported Email Clients (22 Total)

Webmail Clients

  • Gmail (Chrome, Firefox)
  • Outlook.com
  • Yahoo Mail
  • AOL Mail
  • ProtonMail
  • iCloud Mail
  • GMX Mail
  • Zoho Mail

Desktop Clients

  • Outlook 2016
  • Outlook 2019
  • Outlook 365
  • Apple Mail (macOS)
  • Mozilla Thunderbird

Mobile Clients

  • iOS Mail (iPhone)
  • iOS Mail (iPad)
  • Gmail App (Android)
  • Gmail App (iOS)
  • Outlook App (Android)
  • Outlook App (iOS)
  • Samsung Mail

Features

  • Dark Mode Support: Test how your emails look in dark mode across 18+ supported clients
  • Real Browser Rendering: Uses Puppeteer to render emails in actual browser engines
  • High-Resolution Screenshots: Retina-quality screenshots with optimized thumbnails
  • Fast Processing: Parallel rendering for quick results
  • API Access: Full REST API for integration into your workflow

Best Practices

  • Always use inline CSS styles for maximum compatibility
  • Test with dark mode enabled to ensure readability in both themes
  • Check mobile views to ensure responsive design works correctly
  • Include preheader text for better preview appearance
  • Use web-safe fonts for consistent rendering
  • Keep email width at 600px for optimal display

API Integration

This tool is fully API-driven. You can integrate email preview generation into your workflow:

POST /api/preview/create
{
  "htmlContent": "<html>...</html>",
  "subject": "Email Subject",
  "fromName": "Your Company",
  "includeDarkMode": true,
  "clientIds": ["gmail-chrome", "outlook-365", "ios-mail-iphone"]
}