Superhuman
Superhuman uses the Blink rendering engine (the same engine as Chrome), giving it excellent CSS support. It renders most modern CSS properties correctly, including flexbox, custom fonts, and CSS animations. It's one of the most capable email clients from a rendering perspective.
A premium email client ($30/month) popular among executives, investors, and productivity-focused professionals. Small market share but high-value audience — common in VC, finance, and tech leadership.
CSS coverage profile for Superhuman
Superhuman renders with the Blink engine and supports 84 of 251 tracked CSS and HTML features fully, with 5 partially supported and 6 unsupported. That places it in a narrow coverage band.
Most modern CSS is unsupported. This client effectively requires a separate, table-based fallback path for any non-trivial layout.
84
Supported
5
Partial
6
Unsupported
251
Total
Key gotchas in Superhuman
Interactive elementsWhile Superhuman renders interactive CSS and HTML well, email interaction doesn't persist. Don't rely on :checked or form state.
Image loadingSuperhuman may proxy or cache images. Use absolute URLs for all image sources and don't rely on server-side image tracking.
How Superhuman renders email
- Built on Blink (Chromium), so Superhuman effectively renders email like a modern browser. Flexbox, grid, custom properties, and modern selectors (:has, :is) work as expected.
- Image proxy and caching are aggressive. Images are fetched server-side, stripped of tracking parameters, and re-served from Superhuman's infrastructure. Open-tracking pixels and per-recipient image hashing fail.
- @font-face is supported, but Superhuman's read-mode UI applies its own typography hierarchy on top of the email content, which can interact unexpectedly with custom font sizing.
- Dark mode is theme-driven — Superhuman has its own theming system that overlays user-side styles regardless of color-scheme meta tags. Test dark mode visuals from inside the Superhuman client, not just via prefers-color-scheme simulation.
Dark mode behaviour in Superhuman
Superhuman has a built-in dark mode theme that applies intelligent color inversion. It uses Blink's rendering capabilities to handle dark mode well, but custom color schemes should still be tested explicitly.
QA checklist for Superhuman
- Verify image rendering in Superhuman directly — the proxying behaviour can subtly alter quality and remove tracking-dependent visuals.
- Avoid embedding tracking pixels for Superhuman audiences — they will be stripped or proxied, distorting open metrics.
- Check link previews: Superhuman shows preview cards for some URLs that override your in-email layout decisions.
HTML Elements40
| Feature | Support |
|---|---|
| <abbr> | Unknown |
| <acronym> | Unknown |
| <address> | Unknown |
| <audio> | Unsupported |
| <base> | Unknown |
| <bdi> | Unknown |
| <blockquote> | Unknown |
| <body> | Unknown |
| <code> | Unknown |
| <del> | Unknown |
| <dfn> | Unknown |
| <dialog> | Unknown |
| <div> | Unknown |
| <form> | Unsupported |
| <h1> | Unknown |
| <hr> | Unknown |
| <img> | Unknown |
| <link> | Unsupported |
| <marquee> | Unknown |
| <meter> | Unknown |
| <object> | Unknown |
| <p> | Unknown |
| <picture> | Supported |
| <pre> | Unknown |
| <progress> | Unknown |
| <rp> | Unknown |
| <rt> | Unknown |
| <ruby> | Unknown |
| <select> | Unknown |
| <small> | Unknown |
| <span> | Unknown |
| <strike> | Unknown |
| <strong> | Unknown |
| <style> | Supported |
| <svg> | Supported |
| <table> | Unknown |
| <textarea> | Unknown |
| <ul> | Unknown |
| <video> | Unsupported |
| <wbr> | Unknown |
CSS At-Rules5
| Feature | Support |
|---|---|
| @font-face | Supported |
| @import | Unsupported |
| @keyframes | Partial |
| @media | Supported |
| @supports | Supported |
Pseudo-Elements6
| Feature | Support |
|---|---|
| ::after | Unknown |
| ::before | Unknown |
| ::first-letter | Unknown |
| ::first-line | Unknown |
| ::marker | Unknown |
| ::placeholder | Unknown |
Pseudo-Classes & Selectors32
| Feature | Support |
|---|---|
| :adjacent-sibling | Unknown |
| :attribute-selector | Unknown |
| :chaining | Unknown |
| :checked | Unknown |
| :child-combinator | Unknown |
| :class-selector | Unknown |
| :descendant-combinator | Unknown |
| :first-child | Unknown |
| :first-of-type | Unknown |
| :focus | Unknown |
| :general-sibling | Unknown |
| :grouping | Unknown |
| :has | Unknown |
| :hover | Unknown |
| :id-selector | Unknown |
| :lang | Unknown |
| :last-child | Unknown |
| :last-of-type | Unknown |
| :link | Unknown |
| :not | Unknown |
| :nth-child | Unknown |
| :nth-last-child | Unknown |
| :nth-of-type | Unknown |
| :only-child | Unknown |
| :only-of-type | Unknown |
| :target | Unknown |
| :type-selector | Unknown |
| :universal-selector | Unknown |
| :visited | Unknown |
| pseudo-class-active | Unknown |
| pseudo-class-default | Unknown |
| pseudo-class-nth-last-of-type | Unknown |
CSS Functions8
| Feature | Support |
|---|---|
| calc | Unknown |
| clamp | Unknown |
| conic-gradient | Unknown |
| fit-content | Unknown |
| linear-gradient | Supported |
| max | Unknown |
| min | Unknown |
| radial-gradient | Supported |
CSS Properties160
Test your email across all 15 clients
Preview rendering, catch CSS issues, and get actionable fixes — free.
Try Emailens FreeSupport data last updated Apr 27, 2026 · synced from caniemail.com via @emailens/engine.