Build better emails without starting from scratch
Production-ready email components, templates and tools built for real inboxes. Not web components that happen to be styled like emails.
Every email block you actually need
From hero sections to footers. Each component is built with real email constraints in mind — table-based layout, inline styles, and proper Outlook handling.
Abandoned Cart — Product List
Multi-product abandoned cart block with a dynamic product loop. Renders one row per cart item with image, name, price, and quantity. Select an ESP above to swap placeholders for live dynamic tags.
Abandoned Cart — Single Product
A focused abandoned cart recovery block for a single left-behind product. Shows the product image, name, price, and a direct "complete your order" CTA. High-converting for focused flows.
Back in Stock Alert
An urgency-driven product alert for restocked items. Prominently badges the product image, warns of limited quantity, and drives immediate action.
Countdown Urgency Bar
A live animated countdown bar powered by a server-rendered GIF. Subscribers see the real remaining time on every email open — no JavaScript required, works in all email clients.
CTA Banner
A full-width call-to-action banner with headline, supporting text, and button. Ideal for promotions.
Discount Code Banner
A highlighted banner featuring a discount code with copy hint. High visual priority for promotional emails.
Email HTML is a different world
What works on the web doesn't work in email. Every component here is built around real email client limitations.
Table-based layout
Modern CSS layout (flexbox, grid) is not reliably supported in Outlook and many email clients. Tables are still the right tool.
Inline styles required
Most email clients strip <style> blocks or ignore class-based CSS. Reliable styling means inline styles on every element.
Outlook renders differently
Outlook on Windows uses the Microsoft Word rendering engine, not a browser. It needs VML for backgrounds, conditional comments for layout.
Dark mode is unpredictable
Apple Mail, Gmail iOS, and Outlook aggressively invert or recolor emails. Supporting dark mode requires specific techniques and testing.
Gmail clips large emails
Gmail clips emails over 102KB, hiding your unsubscribe link and call-to-action. Every byte matters.
Images need special handling
Images need explicit dimensions, alt text, display:block, and consideration for image-blocking email clients.
Complete email templates, not just patterns
Full email designs combining multiple components. Organized by use case — promotional, transactional, lifecycle.
Sequences, not just individual emails
Pre-structured email sequences for complete lifecycle journeys. These are starting structures — adapt them to your brand and strategy.
Utilities for email developers
Practical tools for analyzing, generating, and checking your email HTML. Static analysis — not inbox simulation.
HTML Analyzer
Paste email HTML and get a detailed analysis of potential issues, warnings, and best practices.
Gmail Size Checker
Check if your email HTML will be clipped by Gmail's 102KB limit.
Bulletproof Button
Generate email-safe HTML buttons with Outlook VML fallback.
Contrast Checker
Check foreground/background color contrast ratios against WCAG guidelines.
Preheader Generator
Preview your subject and preheader text, and generate the correct hidden preheader HTML.
Dark Mode Analyzer
Analyze your email HTML for common dark mode issues across email clients.
Honest about what we know — and don't know
Compatibility data comes from static analysis and documented email client behavior, not live inbox rendering. We clearly indicate what is analysis versus what is guaranteed. Email client behavior changes. We update compatibility data as we learn more.
Read our compatibility guideTechnical guides for email developers
How EmailingSimply Is Built
The technical stack behind EmailingSimply — Nuxt 3, Nuxt Content, Firebase, and how components are defined in Markdown.
Email Client Compatibility Guide
How EmailingSimply compatibility data is gathered, what it means, and how to interpret the compatibility matrix on each component.
Outlook HTML Email Guide
Why Outlook is uniquely difficult for HTML email and the specific techniques required to make emails render correctly.
Ready to build better emails?
Start with the free components. Upgrade when the library becomes part of your workflow.