PHPackages                             superbig/craft-mjml - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. superbig/craft-mjml

ActiveCraft-plugin[Templating & Views](/categories/templating)

superbig/craft-mjml
===================

Render Twig emails with MJML, the only framework that makes responsive email easy.

5.0.2(4mo ago)2627.9k↑78.6%51MITPHPPHP ^8.2CI passing

Since Dec 5Pushed 4mo ago1 watchersCompare

[ Source](https://github.com/superbigco/craft-mjml)[ Packagist](https://packagist.org/packages/superbig/craft-mjml)[ RSS](/packages/superbig-craft-mjml/feed)WikiDiscussions main Synced 3d ago

READMEChangelog (10)Dependencies (5)Versions (22)Used By (1)

MJML plugin for Craft CMS 3.x
=============================

[](#mjml-plugin-for-craft-cms-3x)

Render Twig emails with MJML, the only framework that makes responsive email easy.

[![Screenshot](resources/icon.png)](resources/icon.png)

Requirements
------------

[](#requirements)

This plugin requires Craft CMS 3.0.0-beta.23 or later.

Installation
------------

[](#installation)

To install the plugin, follow these instructions.

1. Open your terminal and go to your Craft project:

    ```
     cd /path/to/project

    ```
2. Then tell Composer to load the plugin:

    ```
     composer require superbig/craft-mjml

    ```
3. In the Control Panel, go to Settings → Plugins and click the “Install” button for MJML.

MJML Overview
-------------

[](#mjml-overview)

MJML is a markup language designed to reduce the pain of coding a responsive email. Its semantic syntax makes it easy and straightforward and its rich standard components library speeds up your development time and lightens your email codebase. MJML’s open-source engine generates high quality responsive HTML compliant with best practices.

Configuring MJML
----------------

[](#configuring-mjml)

```