Email Components
36 components across 12 categories. Production-ready HTML email blocks.
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.
Blog Preview — 2 Column
Two editorial article cards side by side, each with a cover image, category tag, title, excerpt, and read-more link. Great for newsletters and content digests.
Centered Hero
A centered hero section with headline, subheading, and CTA button. Works across major email clients.
CTA — Centered
A clean, focused call-to-action block with a large heading, short body copy, and a single prominent button. No image required.
CTA Banner
A full-width call-to-action banner with headline, supporting text, and button. Ideal for promotions.
Feature Grid — 3 Column
Three-column benefit or feature block with emoji icons, bold headlines, and short descriptions. Great for "Why us" and product highlights sections.
Founder Letter
A personal note from the founder — handwritten-style signature, headshot, and intimate body copy. The highest-trust format in email marketing. Works brilliantly for launches, apologies, and brand stories.
Free Shipping Bar
A slim full-width announcement bar promoting free shipping with an optional threshold and deadline. Pairs perfectly above the header or between sections.
Full-Width Image with Caption
A full-width editorial image with a centered caption underneath. Perfect for mood-setting photography, campaign imagery, or behind-the-scenes content.
How It Works — 3 Steps
A numbered three-step process block. Great for onboarding, welcome emails, and explaining a product or service workflow.
Logo Header
A clean email header with centered or left-aligned logo. Minimal, works everywhere.
Navigation Header — Dark
A dark full-width email header with brand name and three navigation links. Sets a premium editorial tone before the main content. Works as a persistent top bar across all emails in a series.
Order Confirmation Table
A complete order summary table with line items, subtotal, shipping, discount, and total rows. Outlook-safe table layout.
Order Summary
Post-purchase order confirmation block with an itemized product table, pricing breakdown (subtotal, shipping, total), and shipping address. Essential for transactional emails.
Product Grid (2 Column)
A two-column product grid with image, name, price, and CTA button. Stacks to single column on mobile.
Product Spotlight
A single product hero block with image, name, short description, price, and a CTA button. Perfect for featuring one hero SKU.
Section Divider
An elegant horizontal rule with an optional centered label text. Use between major content sections to add visual breathing room and editorial structure.
Social Follow Block
A clean invite to follow on Instagram, TikTok, and YouTube. Uses inline SVG icons with brand-colored circles — no image dependencies.
Social Media Icons Row
A centered row of social media icon buttons for email footers. Includes Instagram, Facebook, X, TikTok, Pinterest, and YouTube. Replace the placeholder images with your actual brand icons.
Split Hero — Image Right
Two-column hero with text on the left and a product image on the right. Stacks vertically on mobile.
Standard Footer
A complete email footer with company info, unsubscribe link, and legal text. Accessible and CAN-SPAM compliant.
Testimonial — Single Quote
A high-impact customer review block with star rating, pull quote, and attributed name. Builds trust right before a CTA.
Ticker Strip
A full-bleed dark announcement bar with repeating offer text separated by bullets. Great for sale callouts, free shipping announcements, and countdown launches.
Two-Column Editorial Text
Side-by-side editorial text columns — ideal for mission vs values, before vs after, ingredient spotlights, or any paired content. Stacks gracefully on mobile.
Welcome Hero
A warm, personalised welcome block for the first email in your onboarding flow. Large greeting, brand tagline, and a single "get started" CTA.