Angular Drag & Drop E mail Builder (JavaScript)

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


Have questions? Leave a comment!

Leave a Reply

Your email address will not be published. Required fields are marked *