MailFrame

MailFrame is a next-generation, AI-ready email template editor. It provides a modern, streamlined interface for designing responsive email templates with ease.

Features

• Modern UI: A sleek, Notion-style interface designed for focus and productivity.
• Drag & Drop Editor: Intuitive block-based editing powered by easy-email-editor.
• MJML Support: Import and export MJML templates seamlessly.
• Responsive Design: Preview your emails on different device sizes.
• Customizable Blocks: Extend the editor with custom components.

Getting Started

Prerequisites

• Node.js 16+
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/justinbao19/MailFrame.git

2. Install dependencies:

   npm install --legacy-peer-deps

Development

Start the development server:

npm run dev

Open http://localhost:3000 to view it in the browser.

Build

npm run build

Deployment

Deploy to Vercel

The easiest way to deploy MailFrame is using Vercel:

1. Push your code to GitHub
2. Import your repository on Vercel
3. Vercel will auto-detect Vite and configure the build settings
4. Click Deploy

Or use the button above to deploy with one click.

Tech Stack

• React 18: Modern UI library.
• Vite: Fast build tool.
• Easy Email: Core editor engine.
• Ant Design: UI components (customized).

License

MIT