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.
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.
Standard Footer
A complete email footer with company info, unsubscribe link, and legal text. Accessible and CAN-SPAM compliant.
Centered Hero
A centered hero section with headline, subheading, and CTA button. Works across major email clients.
Product Grid (2 Column)
A two-column product grid with image, name, price, and CTA button. Stacks to single column on mobile.
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 guideStart free. Upgrade when you need more.
Free components and tools that are genuinely useful. Premium for professionals who need the full library.
Free
For anyone getting started with email development
- Core component library
- All guides and articles
- All basic utilities
- HTML analyzer
- Button generator
Premium
For email professionals and agencies
- Full component library
- All templates and systems
- All tools
- Dark mode analyzer
- Countdown generator
- Brand presets
- Saved projects
Technical guides for email developers
Outlook HTML Email Guide
Why Outlook is uniquely difficult for HTML email and the specific techniques required to make emails render correctly.
Gmail Clipping Guide
Why Gmail clips emails over 102KB, how to check your email size, and what to cut to stay under the limit.
Email Dark Mode Guide
How dark mode works across email clients, what problems it causes, and how to handle them reliably.
Ready to build better emails?
Start with the free components. Upgrade when the library becomes part of your workflow.