Skip to content

axiidotsh/MailMoss

Repository files navigation

MailMoss

MailMoss Hero Light MailMoss Hero Dark

A visual email creator for building beautiful and accessible emails using modern web technologies. Create stunning, responsive emails with an intuitive drag-and-drop interface and export clean React code.

What is MailMoss?

MailMoss is a visual email design tool for creating emails. With its intuitive interface and powerful features, you can design emails that look perfect across all email clients and devices.

Key Features

Visual Drag & Drop Editor

  • Intuitive three-panel interface with email components library, design area, and styling controls
  • Real-time visual editing with immediate feedback
  • Email blocks: headings, text, buttons, links, dividers, and images

Visual Design

  • Build emails visually with an intuitive interface
  • Smart defaults and styling options
  • Responsive design that works across all email clients

Multi-Device Preview

  • Mobile-responsive design with desktop and mobile views
  • Live preview showing how your email will look in an inbox

Export Options

  • Export as clean React components using @react-email/components

Powerful Tools

  • Multi-select editing for bulk changes
  • Keyboard shortcuts for power users
  • Undo/redo functionality
  • Copy/paste and duplicate blocks
  • Advanced styling controls with spacing, borders, and typography

How It Works

  1. Choose Blocks: Start with pre-built email blocks from the components library
  2. Drag & Design: Drop blocks onto the design area and arrange them visually
  3. Customize: Use the styling controls to adjust colors, fonts, spacing, and more
  4. Preview: Test your email in desktop and mobile views
  5. Export: Generate clean React components

Email Client Compatibility

Emails built with MailMoss are compatible with widely used email providers because it uses React Email, ensuring your designs work across:

  • Gmail
  • Outlook
  • Apple Mail
  • Yahoo Mail
  • And many more

Coming Soon

  • Advanced Layout

    • Create complex layouts with Section Blocks to group multiple elements and Grid Blocks for multi-column designs
    • Perfect for newsletters and marketing emails
  • Undo / Redo System

    • Never lose your work with comprehensive undo/redo functionality
    • Experiment freely knowing you can always go back to any previous state
  • Database & Authentication

    • Save your work to the cloud with user accounts
    • Sync your templates across devices and collaborate with team members on email projects
  • AI-Powered Email Creation

    • Generate professional email templates instantly with AI
    • Describe your vision and watch as AI creates stunning layouts, copy, and designs tailored to your needs

About

A visual email creator for building beautiful and accessible emails using modern web technologies. Create stunning, responsive emails with an intuitive drag-and-drop interface and export clean React code.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors