MJML Examples/Modules Collection

A comprehensive collection of MJML email modules(mjml examples) for building responsive email templates. These modules are part of the MailRadius drag-and-drop email builder.

About

This repository contains a curated collection of MJML email modules(mjml examples) that can be used to create beautiful, responsive email templates. Each module is built using MJML (Mail Jet Markup Language), which makes it easy to create responsive email templates that work across all email clients.

Features

• 🎨 Pre-built MJML modules for various email components
• 📱 Fully responsive design
• 📧 Compatible with all major email clients
• 🚀 Easy to integrate with any email service provider
• 🎯 SEO-friendly email templates

Categories

Footers

Centered Footer	Basic Footer
Aligned Footer	Footer + Navigation
Footer + App Download + Social	Links + Social + Apps Icons
Footer Links + Social + Apps	Footer Vertical Links + Apps + Social
Footer Bold Boxes + Social	Footer Lighter Boxes + Social
Footer Boxes + Lighter Social	Footer Round Boxes + Links + Social
Footer Light Links + Social	Footer Logo + Links + Social + Address
Footer Bordered Cells + Social	Footer + Links + (Apps + Social)
Footer + Links + (Apps + Social One Row)

Content

Message	Mini box CTA
Basic CTA	Box CTA
Simple Content	Boxed Content
Image + Simple Content	Title + Image Content
Title + Text + Image	Image + Title + Text
Image + Title + Text + Button	Double Image and Content
Double icons and text	Triple icons and text

E-commerce

1 Product	1 Product Aligned
2 Products	3 Products
Standard Discount Block	Horizontal Discount Block

Elements

Title with Button	Quote
Two Buttons	Three Buttons
Video	Table
Follow Us	Big Socials Row

Gallery

Single Image	2 Images
3 Images	4 Images
5 Images

Hero

Standard Hero	Side-by-Side Image + Text
Image Below Text

Navigation

Logo	Navigation
Logo + Navigation	Logo + Navigation
Logo + Button	Logo + Social Links
Logo + Text	Row With Transparent Buttons
Text With Button Rows	Footer Links With Logo

Rss-layouts

Single Post Image Left	Two Posts In A Row
Three Posts In A Row	Big Image + Padding + Link
Big Image + No Padding + Button	Centered - Round Image + Title + Bold Button
Single Post Round Image Left	Single Post Round Image Right
Single Post Image Right	Big Image + No Padding + Background

Sections

Single Section	Section 25-75
Section 33-67	Section 50-50
Section 67-33	Section 75-25
Section 33-33-33	Section 25-25-50
Section 25-50-25	Section 50-25-25
Section 25-25-25-25	Section 16-16-16-16-16-16

Special

Survey/Quiz	Centered Signature
Aligned Signature	Applications
Image Event Block	Three Feature Highlight
Two Feature Highlight	Mini Feature Highlight

Getting Started

1. Clone this repository
2. Choose the modules you want to use
3. Copy the MJML code from the desired module
4. Paste it into your email template

Usage with MailRadius

These modules are designed to work seamlessly with the MailRadius email builder. Simply:

1. Sign up for a free account at MailRadius
2. Use our drag-and-drop builder to create your email
3. Export your template in MJML format
4. Use it with any email service provider

License

Grab and use MJML modules as you want.

Support

For support, please visit MailRadius or open an issue in this repository.