iPhone is the world's #1 email client. So why are most builders still coding for Outlook?
Apple Mail is not just another email client. It is the default app on every iPhone and Mac — and iPhone alone accounts for more than 50% of all email opens worldwide. If your emails do not look great in Apple Mail, you are losing your biggest audience before they even read a word.
But here is the part most email guides miss: Apple Mail uses WebKit, the same rendering engine behind Safari. That means it supports modern CSS that Outlook (which still uses Microsoft Word's HTML engine) and Gmail (which strips most CSS on the fly) simply cannot handle. Media queries, CSS animations, custom web fonts, CSS Grid, and full dark mode control — Apple Mail supports all of it.
This guide is not about which email builder technically 'works' in Apple Mail. Every builder works. The real question is: which builders actually take advantage of what Apple Mail can do — and give you the tools to preview, test, and optimize for it? These are the six tools that pass that test, plus what separates the best from the rest.
Why Apple Mail should be your primary rendering target
Most email design guides are built around Outlook compatibility — and for good reason. Outlook's Word rendering engine is notoriously bad at CSS, so making emails look decent there requires a lot of workarounds: table-based layouts, VML for background images, MSO conditional comments. That logic made sense when Outlook dominated corporate inboxes.
The landscape has changed. According to email client market share data tracked by Litmus, Apple Mail on iPhone consistently holds the top spot globally, often accounting for over 50% of all email opens. Apple Mail on Mac adds several more percentage points. Meanwhile, Outlook's share has been declining, particularly outside corporate environments.
More importantly, designing primarily for Apple Mail does not mean ignoring other clients — it means starting from a higher baseline and progressively degrading for older clients. An email built for WebKit can still look great in Gmail and decent in Outlook, but an email built purely for Outlook will waste all the capabilities that Apple Mail users actually see.
|
Key stat iPhone email opens account for 50%+ of global email opens (Litmus, 2025–2026 data). Designing for Outlook first means optimizing for your least capable audience. |
-
Apple Mail on iPhone: 50%+ of global email opens
-
Apple Mail on Mac: additional 5–8% depending on industry
-
Gmail: ~25–30% combined web + app
-
Outlook desktop: 4–8%, concentrated in B2B enterprise
-
Yahoo, Samsung Mail, others: remainder
CSS features Apple Mail supports — that most builders ignore
Apple Mail's WebKit engine is the most capable email rendering environment available. Here is a plain comparison of what each major client supports:
|
CSS feature |
Apple Mail |
Gmail (web) |
Outlook desktop |
Samsung Mail |
|
Media queries |
Full support |
Full support |
None |
Partial |
|
CSS animations |
Full support |
None |
None |
None |
|
Custom web fonts |
Full support |
None |
None |
None |
|
Dark mode (prefers-color-scheme) |
Full support |
None |
Partial |
None |
|
CSS background images |
Full support |
Partial |
None (VML only) |
Partial |
|
Flexbox / CSS Grid |
Supported |
None |
None |
None |
The practical implication: features like dark mode, animated elements, background images, and custom fonts are Apple Mail exclusives. An email builder that does not help you use these features — or at minimum preview how they will look — is leaving value on the table for half your audience.
|
The dark mode opportunity Apple Mail is the only major email client where you have real control over dark mode. You can use @media (prefers-color-scheme: dark) to serve completely different styles — swapping colors, images, and backgrounds — rather than hoping the client's auto-inversion looks okay. |
What to look for in an email builder for Apple Mail
Not all email builders are created equal when it comes to Apple Mail. Here are the criteria that actually matter:
Dark mode preview
Can you see exactly how your email will look in Apple Mail's dark mode before you send it? This is non-negotiable. Auto-inversion can make white logos disappear, light backgrounds turn black, and colors look completely wrong. The best builders have a built-in dark mode toggle in the preview panel.
Apple Mail rendering test
Does the builder integrate with email testing tools like Litmus or Email on Acid to show a screenshot of your email in Apple Mail specifically? Some builders include this natively; others require a paid third-party integration. Either is acceptable, but it must be available.
Clean HTML output
Apple Mail will render your email as written. That means a builder that produces clean, modern CSS — without unnecessary MSO conditional comments, table-within-table nesting, or outdated VML hacks — will produce better-looking results in Apple Mail. Messy HTML built purely for Outlook compatibility looks exactly as bad as it sounds when rendered in a WebKit browser.
CSS animation and font support
Since Apple Mail supports CSS animations and custom web fonts, a builder that allows you to add these elements — and see them in preview — is a meaningful differentiator. Most builders do not support animations at all.
Template library quality
A template library designed with Apple Mail rendering in mind will use modern CSS layouts rather than heavy table nesting. Templates that were built to pass Outlook's lowest-common-denominator rendering often look dated and miss opportunities in Apple Mail.
The 6 best email builders for Apple Mail
Here is how the leading email builders compare on Apple Mail-specific features:
|
Tool |
Dark mode preview |
Apple Mail testing |
Clean HTML export |
Best for |
Starting price |
|
Stripo |
Yes — built-in |
Litmus integration |
Excellent |
Overall best |
Free / $15/mo |
|
Beefree |
Limited preview |
Via Litmus add-on |
Very good |
Agencies |
Free / $30/mo |
|
Chamaileon |
No |
Manual export |
Good |
Collaboration |
$125/mo |
|
MJML |
No GUI |
Export + test |
Excellent |
Developers |
Free (open source) |
|
Mailmodo |
Basic |
Built-in preview |
Good |
Interactive email |
$49/mo |
|
HubSpot |
Preview toggle |
Built-in clients |
Good |
HubSpot users |
Free / $15/mo |
1. Stripo — Best overall for Apple Mail optimization
Best for: Teams who send to mixed audiences and want real Apple Mail testing built in
Pricing: Free plan available; Business from $15/month
Stripo stands out from the field because it treats Apple Mail as a first-class rendering target rather than an afterthought. The built-in Litmus integration means you can run Apple Mail rendering tests directly inside the editor — no need to export HTML, paste it elsewhere, and wait. The dark mode preview toggle lets you see light and dark versions side by side as you build.
Beyond testing, Stripo's HTML output is genuinely clean. Its code generation avoids the MSO conditional clutter that other builders add for Outlook compatibility, and the templates are built with modern CSS layouts that render beautifully on WebKit. The 1,650+ free templates include designs optimized for mobile-first rendering, which directly benefits Apple Mail on iPhone.
The no-code modular editor works well for non-technical marketers, but Stripo also exposes direct HTML and CSS access for designers who want to add CSS animations or custom web font declarations manually. For teams that send to audiences with a high proportion of iPhone users, Stripo is the most complete solution available.
Dark mode support: โโโโโ (5/5)
Apple Mail testing: โโโโโ (5/5)
HTML export quality: โโโโโ (5/5)
Template library: โโโโโ (5/5)
Pricing: โโโโโ (5/5)
|
Stripo edge: ESP integrations Stripo connects to 90+ ESPs including Mailchimp, Klaviyo, HubSpot, Salesforce, and Braze. Build once in Stripo, push directly to your sending platform — no manual HTML copy-paste. |
2. Beefree — Best for agency workflows
Best for: Email agencies and freelancers managing multiple client accounts
Pricing: Free plan available; Team plans from $30/month
Beefree is a polished builder with a strong template library and a clean editor that produces reliable HTML output. It handles Apple Mail rendering well in practice — the generated code is table-based but avoids the worst Outlook hacks, meaning it looks clean in WebKit. For agencies building campaigns at volume, the collaboration features and multi-account management are genuine differentiators.
The main limitation for Apple Mail optimization is dark mode: Beefree's preview panel does not include a dark mode toggle natively. You will need to export and test manually, or use the Litmus add-on (paid separately). For teams with a Litmus subscription already, this is workable. For teams that do not, it is a real gap.
Dark mode support: โโโโโ (3/5)
Apple Mail testing: โโโโโ (3/5)
HTML export quality: โโโโโ (4/5)
Template library: โโโโโ (4/5)
Pricing: โโโโโ (4/5)
3. Chamaileon — Best for collaborative teams
Best for: In-house marketing teams with multiple stakeholders in the review process
Pricing: From $125/month
Chamaileon is built around collaborative email production — multiple editors, comment threads, approval flows, and version history. It generates solid HTML that renders well in Apple Mail, though it does not include Apple Mail-specific preview or dark mode controls. The editor focuses on structured content blocks rather than raw code access, which keeps things consistent but limits advanced CSS customization.
At $125/month minimum, Chamaileon is priced for teams rather than individuals. If collaboration is your primary pain point and Apple Mail compatibility is a secondary concern, it earns its price. If Apple Mail optimization is the priority, the lack of dark mode preview is a notable gap at this price point.
Dark mode support: โโโโโ (2/5)
Apple Mail testing: โโโโโ (2/5)
HTML export quality: โโโโโ (4/5)
Template library: โโโโโ (3/5)
Pricing: โโโโโ (2/5)
4. MJML — Best for developers who want perfect WebKit output
Best for: Developers building emails in code with a strong emphasis on clean output
Pricing: Free and open source
MJML is an open-source markup language that compiles to email-safe HTML. The output is exceptionally clean — no GUI bloat, no unnecessary tables — and because MJML was built with responsive design as a core principle, it produces code that renders beautifully in Apple Mail. CSS animations, custom web fonts, and dark mode styles can be added directly to the compiled HTML output.
The trade-off is the learning curve and workflow. MJML is code-only: no visual editor, no dark mode preview, no integrated testing. For developers who are comfortable writing component-based markup and testing via Litmus or Email on Acid, MJML produces some of the best Apple Mail output of any tool on this list. For non-technical users, it is not an option.
Dark mode support: โโโโโ (2/5)
Apple Mail testing: โโโโโ (2/5)
HTML export quality: โโโโโ (5/5)
Template library: โโโโโ (3/5)
Pricing: โโโโโ (5/5)
5. Mailmodo — Best for interactive email (AMP + Apple Mail)
Best for: Teams exploring AMP email and interactive elements
Pricing: From $49/month
Mailmodo focuses on AMP email — a format that enables interactive widgets like forms, surveys, and carousels directly inside the email. Apple Mail does not support AMP, but Apple Mail's WebKit engine does support CSS-based interactivity like accordion menus, hover states, and checkbox-driven toggles, which Mailmodo also handles. For teams pushing the boundaries of email interactivity, Mailmodo's builder is worth evaluating.
Dark mode preview is basic, and Apple Mail-specific testing requires manual export. But the builder itself produces clean, modern HTML that works well in WebKit. The interactive elements degrade gracefully in clients that do not support them, which is the correct approach for Apple Mail compatibility.
Dark mode support: โโโโโ (3/5)
Apple Mail testing: โโโโโ (2/5)
HTML export quality: โโโโโ (3/5)
Template library: โโโโโ (3/5)
Pricing: โโโโโ (3/5)
6. HubSpot Email Builder — Best for HubSpot CRM users
Best for: Marketing teams already using HubSpot CRM and wanting one unified tool
Pricing: Free plan available; Marketing Hub from $15/month
HubSpot's built-in email builder is not the most powerful tool on this list, but for teams already inside the HubSpot ecosystem it is the most convenient. The preview panel includes a device toggle that shows mobile rendering — helpful for approximating Apple Mail on iPhone — and the built-in A/B testing tools make it easy to test different designs against each other. HTML output is clean enough for standard Apple Mail rendering.
The limitations show up at the advanced end: no dark mode preview, no CSS animation support, and the template library is basic compared to Stripo or Beefree. For teams with modest Apple Mail requirements who want a single platform for CRM, landing pages, and email, HubSpot is a reasonable choice. For teams that prioritize Apple Mail optimization specifically, it falls short.
Dark mode support: โโโโโ (3/5)
Apple Mail testing: โโโโโ (3/5)
HTML export quality: โโโโโ (3/5)
Template library: โโโโโ (3/5)
Pricing: โโโโโ (4/5)
Dark mode in Apple Mail: why it matters and how builders handle it
Apple Mail's dark mode implementation is unique among email clients. Unlike Outlook, which applies a partial color inversion that you cannot fully control, and Gmail, which does not support dark mode overrides at all, Apple Mail respects the @media (prefers-color-scheme: dark) CSS media query. This means you can define completely different visual styles for dark mode users — different background colors, different text colors, swapped images — rather than relying on Apple's auto-inversion.
The practical implication is significant: a white email with a white logo will have the logo disappear in dark mode (white on black background). A brand color that looks great on a white background may look harsh on a near-black one. These are design decisions, not technical bugs, and they require testing to catch.
How dark mode works in Apple Mail
-
Apple Mail applies @media (prefers-color-scheme: dark) styles when the user's device is in dark mode
-
It also requires a color-scheme: light dark CSS declaration in the email head to trigger this behavior
-
Without the color-scheme declaration, Apple Mail applies its own auto-inversion, which is unpredictable
-
With the declaration and proper @media styles, you have full control over the dark mode appearance
|
Dark mode best practice Always create two logo versions: one for light mode (dark logo on white) and one for dark mode (white or light logo). Use CSS to swap them via display:none on the appropriate variant. Stripo's editor makes this swap straightforward without touching code. |
Design tips for Apple Mail-optimized emails
Beyond choosing the right builder, here are the design decisions that will have the biggest impact on how your emails look in Apple Mail:
Use transparent PNGs for logos and icons
Apple Mail renders images on whatever background color is applied — which will change in dark mode if you are using @media styles. A logo saved as a JPEG with a white background will look terrible on a dark background. Transparent PNGs adapt automatically to whatever background they sit on.
Declare custom web fonts correctly
Apple Mail on Mac and iPhone supports custom web fonts loaded via @font-face. This is a genuine differentiator: your brand typography can render as intended, rather than falling back to Arial or Times New Roman. Include the font stack with system font fallbacks so the email degrades gracefully in Gmail and Outlook.
Use 2x images for Retina displays
iPhone and Mac displays are Retina — they render at 2x pixel density. Images that are not 2x resolution will look blurry. The technique is simple: serve an image at double the intended display size and set the width attribute to the display size. A 600px-wide email image should use an 1200px source file.
Do not fight Apple Mail's auto-inversion — work with it
If you do not add the color-scheme CSS declaration, Apple Mail will apply its own inversion. Rather than fighting this with hacky workarounds, either add proper dark mode styles (the clean approach) or design your email with mid-tones rather than pure white or pure black — these trigger less aggressive inversion and tend to look acceptable in both modes.
Test on a real iPhone before sending
No testing tool is as accurate as an actual iPhone. Litmus and Email on Acid screenshots are excellent approximations, but Apple's rendering engine and iOS-specific behaviors (link detection, phone number formatting, calendar event detection) are best validated on hardware. Always send a test to an iPhone as the final step before launching.
Frequently asked questions
Does Apple Mail support HTML email?
Yes. Apple Mail renders full HTML emails using its WebKit engine, the same engine that powers Safari. It supports modern CSS including media queries, custom web fonts, CSS animations, and dark mode via prefers-color-scheme. This makes it the most capable HTML email client available.
Why do my emails look different in Apple Mail and Gmail?
They use entirely different rendering engines. Apple Mail uses WebKit, which supports modern CSS. Gmail strips most CSS from emails, especially on its mobile apps, and ignores media queries in some contexts. An email builder that produces clean, well-structured HTML will look better in Apple Mail, while Gmail requires specific workarounds.
Does Apple Mail support dark mode in emails?
Yes, and it is the only major email client where you have real control over dark mode. By adding a color-scheme: light dark CSS declaration and using @media (prefers-color-scheme: dark) styles, you can define exactly how your email looks in dark mode — different colors, swapped images, adjusted typography — rather than relying on Apple's auto-inversion.
Which email builder is best for iPhone users?
Stripo is the top choice for teams prioritizing the iPhone and Apple Mail audience. It includes built-in dark mode preview, Litmus integration for Apple Mail rendering tests, 1,650+ mobile-optimized templates, and clean HTML output that leverages WebKit's CSS capabilities rather than defaulting to Outlook-era workarounds.
Can email builders add CSS animations for Apple Mail?
Some builders allow you to inject custom HTML and CSS, which lets you add CSS animations that will play in Apple Mail. Stripo's hybrid editor gives you access to raw HTML and CSS alongside the visual builder, making it possible to add @keyframes animations without leaving the platform. Pure visual builders without code access cannot support this.
Does Apple Mail track email opens?
Apple's Mail Privacy Protection (MPP), introduced in iOS 15, preloads email content on Apple's servers, which inflates open tracking metrics. If your audience skews toward iPhone users, your open rates in your ESP may be significantly overstated. Most modern ESPs flag MPP-inflated opens separately.
Final thoughts
Most email builders were designed in an era when Outlook dominated and the goal was producing something that looked acceptable across the widest possible range of clients. That era is over. Apple Mail is now the dominant email client by a significant margin, and it supports CSS capabilities that most builders do not even expose to their users.
The gap in the market is clear: teams that optimize for Apple Mail — with proper dark mode styles, WebKit-compatible layouts, Retina images, and custom fonts — are sending emails that look noticeably better than competitors. The tools are there. The rendering capability is there. The audience is there.
Of the six builders reviewed here, Stripo offers the most complete package for Apple Mail optimization: dark mode preview, integrated testing, clean HTML output, and a template library built for mobile-first rendering. It is the natural starting point for teams that want to make Apple Mail a genuine priority rather than an afterthought.
If you are an agency working across multiple clients, Beefree's workflow tools make it worth the dark mode limitation. If you are a developer who wants the absolute cleanest WebKit output, MJML is unmatched. But for most marketing teams, Stripo closes the gap between what Apple Mail is capable of and what your emails currently deliver.