Build faster, better
 with blocks  
xMailBlocks

Hermod VisionLab

Senior Emailing Developer

Responsive Email Guru

aka Bartosz Talarek
is excited to share

xMailBlocks Email Email HTML Layer 1.0

Email Development
with xMailBlocks
Email HTML Layer

Email developers rely on components and building blocks instead of writing layout and content directly in Email HTML.

Enhancing Maizzle’s capabilities with a versatile
set of components and reusable content blocks
for modern email development

Build faster | Build better | Build with blocks

Mobile-first | Dark-mode ready | Always stunning

Inclusive by design | Accessible by default

Boost Productivity

Builds cleaner code faster with fewer errors.

Reliable Quality Assurance

Ensures consistency across email development teams.
Resulting in polished, high-quality email templates every time.

Master Advanced Email Design with Ease

A structured, efficient framework for stunning results.

 

Not Only To Maintain One Brand
But To Rule Them All
and More…

Email Development

Bartosz Talarek

 

Based on Technologies

Hybrid Approach

Combines semantic HTML components
for reliable rendering across email clients.

Maizzle Framework

Built with Maizzle, fast, and configurable.

Visual Studio Code

Syntax highlighting and autocompletion extension.

xMailBlocks is a component-based
HTML Email System

powered by Maizzle as the engine,
but detached from Tailwind or utility-first CSS.

This email HTML is powered by
xMailBlocks
Email HTML Layer

a 23 KB source file that compiles and minifies
to just 45 KB, ensuring efficiency
and perfect rendering across all email clients

xMailBlocks

more examples

Welcome To New York Jewelers
We help people find jobs
How Can AI Solve My Marketing Challenges?
 

Framework Features

Email developers rely on components and building blocks
instead of writing layout and content directly in HTML.

Deliver flawless emails across all clients,
with built-in support for mobile and dark modes,
starting from a desktop design.

Built-in accessibility features and screen reader support
ensure a more inclusive email experience.

Easy-to-learn and Intuitive Syntax.

Google Web Fonts support.

Flexibility and Versatility.

Kinetic email support.

 

Visual Studio Code Extension:
Syntax highlighting and autocompletion
for xMailBlocks markup language

xMailBlocks Email Email HTML Layer 1.0 Visual Studio Code Extension
 

A Bit Of Background

It all began with the implementation of the
Master Template Hybrid Approach.

Now I am just improving.

 
Master Template Hybrid Approach
 

BACKGROUND IMAGE
one COLUMN TEXT and CTA
example of
Reusable Content Block

Pattern Commonly Used In Emails

 

BACKGROUND Block Code

Background Block Code

As SIMPLE As THAT

 

KINETIC Email
support

Crucial For Effectively Serving The American Market

 

TAP TO REVEAL Block

TAP TO REVEAL Block Code

Tap To Reveal

As SIMPLE As THAT

 

xMailBlocks

Easy-To-Learn, Intuitive Syntax
Just a few magic spells

Core
x-html, x-body, x-web-fonts

Content
x-p, x-h1, x-h2, x-h3, x-span, x-link, x-image, x-button

Layout
x-column, x-row, x-col, x-background, x-border, x-list, x-divider, x-floating, x-mobile-show, x-mobile-hide, x-dark-show, x-dark-hide, x-outlook-show, x-outlook-hide

Helpers
x-br, x-nowrap, x-serif, x-sans-serif, x-monospace

Kinetic
x-tap-to-reveal

 

Email Development

Bartosz Talarek