Angular Drag & Drop Email builder

Simple Angular application with Drag & Drop functionality and Mailchimp merge tags integrations!

You can disable all Mailchimp features.

Just build an Email, export him as HTML (copy or download) and send it! If you use Mailchimp, you can include Mailchimp default Header, Footer and og:title meta – Like default Mailchimp template.

Check this email builder without Angular.

You can install it in any Virtual Hosts you want, like Apache, Nginx, NodeJS and others.

Full list of blocks:

1. Title & Subtitle
2. Divider
3. Text
4. Button
5. Social block
6. Image without text
7. Image inside text
8. Image with text on the right
9. Two columns with image and text
10. Three columns with image and text
11. Unsubscribe block

Some features:

1. Two languages (English, Russian)
2. Mailchimp Merge Tags – Tested
3. Material Design & Icons
4. TinyMCE text editor
5. Upload your own images
6. Import Email
7. Responsive HTML
8. Export Email as JSON and HTML
9. Preview Email
10. Less files
11. Gulp Tasks (less compile, js concat-uglify, build and more)
12. Custom notifications
13. More …

Changelog – v1.2.1

• Confirmation dialog on delete element
• UTM Source on all links
• Social Block
• Responsive HTML

Changelog – v1.2.0

• Export as HTML “Copy or Download” -Tested
• Mailchimp standart Header and Footer
• Mailchimp head meta tags
• Mailchimp Merge Tags in Tinymce
• Enable/Disable all Mailchimp features
• Google Analytics
• Track Events

Changelog – v1.1.0

• Added ‘Preview email’
• Added ‘Import, Export’
• Responsible for small screens
• Added ‘Alertify, tooltip’ plugins
• More performance
• Minor updates

Changelog – v1.0.0

• Initial Release

Dependencies

• Angular
• Angular Route
• Angular Loader
• Angular Mocks
• Angular Translate
• Angular Translate Loader Partials
• Angular Dragula
• Angular Sanitize
• Angular UI Tinymce
• AlertifyJS

Have questions? Leave a comment!