Skip to main content

Introduction

Easy Email Pro is a powerful, enterprise-grade email editor framework built for modern SaaS applications. It combines the flexibility of Slate.js for rich text editing with MJML for email client compatibility, enabling developers to create professional email templates with ease.

What is Easy Email Pro?​

Easy Email Pro is a comprehensive email template editor solution that provides:

  • Visual Drag-and-Drop Editor: Intuitive interface for designing emails without coding
  • Responsive Design: Automatic optimization for desktop and mobile devices
  • Dynamic Content: Support for merge tags, conditional rendering, and template engines
  • Developer-Friendly: Fully customizable and extensible architecture
  • Production-Ready: Generates clean, compatible HTML for all major email clients

Overview​

Easy Email Pro provides a drag-and-drop interface for easy design and customization of email layouts. With the flexibility of Slate and compatibility with various email clients and devices offered by MJML, developers and designers can quickly create complex email templates without worrying about the underlying code. Whether you're building marketing campaigns, newsletters, or transactional emails, Easy Email Pro makes it effortless to create visually appealing and effective email communications.

Technical Architecture​

The principle of Easy Email Pro is based on two core technologies:

  1. MJML Foundation: Provides the base components for creating responsive emails, which we extend to create advanced components. This ensures maximum email client compatibility.

  2. Slate Integration: By leveraging SlateJS's powerful API, we implement advanced editing features like:

    • Drag-and-drop functionality
    • Inline editing
    • Keyboard shortcuts
    • Real-time preview

Features​

Core Capabilities​

  • Drag and drop Editor with intuitive interface
  • Responsive Design with desktop/mobile optimization
  • Dynamic rendering with logical conditions
  • Integrated File Manager and Unsplash library
  • MJML conversion and generation support

Developer Tools​

  • Custom blocks and block studio
  • Flexible theme configuration
  • Built-in localization support
  • Reusable component system
  • 🚀 Get Started - Set up your first email editor in minutes
  • 📖 Documentation - Complete guide to all features and APIs
  • 💻 Live Demo - Try the editor in your browser
  • 📦 GitHub Repository - Source code and contributions
  • 💡 Examples - Practical code examples and use cases

Installation​

Install Easy Email Pro using your preferred package manager:

pnpm install easy-email-pro-core easy-email-pro-editor easy-email-pro-theme easy-email-pro-kit @arco-design/web-react @arco-themes/react-easy-email-pro mjml-browser slate slate-react slate-history
npm install easy-email-pro-core easy-email-pro-editor easy-email-pro-theme easy-email-pro-kit @arco-design/web-react @arco-themes/react-easy-email-pro mjml-browser slate slate-react slate-history

For detailed setup instructions, see the Quick Start Guide.

Try It Out​

Live Demo​

Experience Easy Email Pro in action at our live demo. No sign-up required - start building emails right away!

Sample Code​

View complete implementation examples in our demo repository. The repository includes:

  • Basic implementations
  • Custom block examples
  • Theme customization
  • Localization setup
  • And much more!

Example Applications​

Explore our various implementation examples:

Basic Usage​

Advanced Features​