Product Template · Adapted from React Email (MIT)

Product Update · Barebone

Overall compatibility: 92/100 across 21 email clients · 20 of 21 clients passing (4 clean at 100%) · 215 compatibility warnings (0 error-level) · 38.4KB compiled HTML.

Cross-client fidelity Tested against 21 email clients. 4 of 21 clients render cleanly with 100% fidelity. Only Outlook Classic has reduced fidelity (64/100) due to legacy desktop engine constraints.

Open in builder Download HTML React Email source

email://preview/ barebone-product-update.html

Open raw

Attribution · React Email

Template adapted from the open-source React Email collection under the MIT License (© Plus Five Five, Inc. / Resend). Full React source code is included.

Client Compatibility

Score: 92/100 · 20/21 passing

21 clients tested

Outlook for Mac 100/100

Apple Mail 100/100

Apple Mail iOS 100/100

HEY Mail 100/100

Samsung Mail 97/100

Superhuman 97/100

Outlook 365 94/100

Outlook (New) 94/100

Outlook iOS 94/100

Outlook Android 94/100

Thunderbird 94/100

Fastmail 94/100

Gmail 91/100

Gmail Android 91/100

Gmail iOS 91/100

Yahoo Mail 91/100

Yahoo Mail Android 91/100

Yahoo Mail iOS 91/100

Proton Mail 88/100

AOL Mail 85/100

Outlook Classic 64/100

4 of 21 clients render with 100% fidelity. Lowest is 64/100 in Outlook Classic due to legacy desktop styling limitations.

Notes on this template

It opens: "Barebones Product update Here's what's new with Barebones We shipped a new release with improvements to help you move faster and stay in sync. Open the dashboard to explore the full changelog. View in dashboard Starting is easy 1 Review...". Preheader: "Product update: what's new at Barebones". Links: "Learn about Pro". 12 images, 12 Outlook-only blocks, no dark-mode query, web font.

The spread is what matters on this template: 100 in HEY Mail against 64 in Outlook Classic, a 36-point gap across the same file. 4 of the 21 clients render it without a single flagged property. Outlook Classic is the one to preview against after any edit, because it is where this template has the least margin, and the 215 warnings behind that score are concentrated there rather than spread evenly.

At 38.4KB compiled it has roughly 64KB of headroom before Gmail clips the message at 102KB and hides the rest behind a "View entire message" link. Inlined CSS and base64 images both count toward that, so watch it as you add sections.

Safe to customise: Body copy, screenshots and the changelog list. Product mail is usually the longest thing a team sends, which makes the size figure below the one to watch as you add sections.

Leave alone: The heading hierarchy. It carries the document outline that screen readers announce, and flattening every heading to styled text is the most common accessibility regression in this category.

Modified it? Check your version against the same 21 clients.

Zero-Friction Engine Preview

Test your email in Gmail, Outlook and Apple Mail

Preview rendering, catch CSS issues, and see what Outlook does to your VML. Free, no account. All 21 clients with one.

Try Emailens Free

Instant live preview · No signup required · 21 email engines