Mjml app

The first MJML Email Editor

This is a shinny live editor for the MJML markup language. It allows you to create responsive emails with a live preview on both mobile and Desktop view.

Installation

Visit the website to download the version that fits your platform, or just go to the release page.

Build from source

to update the MJML version, simply update it in the package.json

$ npm install && npm run package

# an executable will be created in the `release` folder.

Features

• Template manager: Create your own template gallery in your local environment
• Live reload: The app auto reload your template when you stop writing for a short amount of time
• Themes: You can customize your environment by choosing your favorite theme under the setting tab in the editor
• Send test emails: Using a Mailjet account, send your template right to your inbox.
• Gist integration: Export your template in a gist to be able to share it with your friends

Contribute

We highly recommend this project to anyone willing to start learning React/Redux or electron. It is a really and easy cool ecosystem.

Launch environment

Open a terminal, clone this repository, go into the generated folder, and run

npm install && npm run dev

Wait for a few second, focus on the newly created window and hit Cmd+R to refresh the app. It will start a new development server that will allow you to live reload the app when you change the code.

Open your Favorite text editor (we use Vim because it is simply better), and start playing around with the code

Code quality

Once you have your feature ready, run the static code analysis:

npm run lint

Yes, commas-dangle on, sorry haters!

Make the world a better place

Create a pull request!

Releases and Changelogs

1.4.1 (2016-08-20)

• MJML 2.3.3 🆙

1.4.0 (2016-06-15)

• Sync Scrolling ⚖
• Font size in editor settings 🍅
• MJML 2.2 🆙
• Fixed Package version notification on first load ✋

1.3.3 (2016-06-08)

• Fix a bug which caused issues with template saves #47 🐛

1.3.2 (2016-05-27)

• Add modal to show app version and mjml version 📓
• Correct bug with notification bar 🐛
• Mjml 2.1.1 with new components 💥

1.3.1 (2016-05-19)

• Fix buggy overlay hover, and prevent edit name of preset 😃

1.3.0

• Typos fixes 📝
• Correct app quit when closing main window 👏
• Better windows size 💻
• Confirmation modal when deleting template 😄

1.2.0

• Thumbnails support for Windows 😆
• Custom notifications system ☝️
• Local bug reporter 🐛
• All presets updated with mjml@2 syntax 🎆
• Human windows size 💻
• Visual helper texts in UI (for send email) ❓
• Display a notification bar when an update is available 🤘
• Dependencies updates: mjml@2 and react@15 ✅

1.1.2

• New Design for modals 💡
• Home is the new AppData 🍊
• Developer config folder is separated from the prod one 💉
• EsDoc compilant comments 📄
• Redux crash report middleware 💥

1.1.1

• Prevent drag'n'drop on the app ☂
• Added dmg build config for OSX ❤️
• Better Error handling on the editor 🛡

1.0.0

• Templates manager on the Home Page 🖼
• Mobile/Desktop preview 📲
• Live reloading 🏃
• Auto save 😄
• Theme manager 🖼
• Test email 💬
• Export as Gist 🍊