MJML Mail Maker
A modern, open-source MJML email builder built with React, TypeScript, and Vite. Create responsive email templates using an intuitive visual editor, preview changes in real time, and export production-ready MJML or HTML.
Features
- Visual email template builder
- Responsive MJML email generation
- Live preview
- HTML & MJML export
- Drag-and-drop components
- Reusable content blocks
- Modern and responsive UI
- Fast performance with Vite
- TypeScript support
- Open Source
Tech Stack
- React
- TypeScript
- Vite
- MJML
- Tailwind CSS
- Zustand
- React DnD / DnD Kit
- Lucide React
Installation
Clone the repository
git clone https://github.com/Asadullo07/MailMaker.git
Go to the project
cd MailMaker
Install dependencies
npm install
Start development server
npm run dev
Build for production
npm run build
Preview production build
npm run preview
Project Structure
mjml-mail-maker/
├── public/ # Static assets
├── src/
│ ├── assets/ # Images, icons, fonts
│ ├── components/ # Reusable React components
│ ├── store/ # Zustand state management
│ ├── types/ # TypeScript type definitions
│ ├── utils/ # Helper functions
│ ├── App.tsx # Root component
│ ├── App.css # App styles
│ ├── index.css # Global styles
│ └── main.tsx # Application entry point
├── .gitignore
├── .oxlintrc.json
├── index.html
├── package.json
├── package-lock.json
├── postcss.config.js
├── tailwind.config.js
├── README.md
└── vite.config.ts
Roadmap
- AI Email Generator
- AI Subject Line Generator
- Email Template Marketplace
- Cloud Storage
- Team Collaboration
- Version History
- Template Import/Export
- Custom Components
- Email Testing
- Dark Mode
Contributing
Contributions are welcome.
- Fork the repository
- Create a new branch
git checkout -b feature/new-feature
- Commit your changes
git commit -m "Add new feature"
- Push to your branch
git push origin feature/new-feature
- Open a Pull Request
License
This project is licensed under the MIT License.
Author
Asadullo Ahmadjonov
GitHub: https://github.com/Asadullo07
If you find this project useful, consider giving it a ⭐ on GitHub.
