You will get DRAG & DROP content editor for HTML MJML Email / AMP Email / Whatsapp Flows
Top Rated
Top Rated
Project details
No Code Platform for AMP Emails / MJML based Responsive HTML Email Creation.
Decided to create a MJML EMAIL WYSIWYG Drag and Drop Editor which will enable users to drag and drop MJML Components / Sections / Custom Layouts / Custom Components.
Drag-and-Drop HTML based Email Creation Editor Tool based on MJML. Transform structured MJML into major email clients compatible HTML.
Advantage of this editor is :-
Able to apply all styles mentioned in the mjml doc.
Allow to create custom components / custom layouts / custom sections etc
Allows user to easily edit the mjml templates.
Users can import the mjml template into the editor and customize it.
Flow JSON enables businesses to create workflows in WhatsApp by accessing the features of WhatsApp Flows using a custom JSON object developed by Meta. To easily create a flow json i wanted to create drag and drop flow builder.
Visual editor / builder / designer tool to generate Forms / Carousels / Gamification / Quiz inside your Email using Google AMP (Accelerated Mobile Pages) for email.
AMP framework is to generate mobile first page, great page experience forms, responsive layouts.
Decided to create a MJML EMAIL WYSIWYG Drag and Drop Editor which will enable users to drag and drop MJML Components / Sections / Custom Layouts / Custom Components.
Drag-and-Drop HTML based Email Creation Editor Tool based on MJML. Transform structured MJML into major email clients compatible HTML.
Advantage of this editor is :-
Able to apply all styles mentioned in the mjml doc.
Allow to create custom components / custom layouts / custom sections etc
Allows user to easily edit the mjml templates.
Users can import the mjml template into the editor and customize it.
Flow JSON enables businesses to create workflows in WhatsApp by accessing the features of WhatsApp Flows using a custom JSON object developed by Meta. To easily create a flow json i wanted to create drag and drop flow builder.
Visual editor / builder / designer tool to generate Forms / Carousels / Gamification / Quiz inside your Email using Google AMP (Accelerated Mobile Pages) for email.
AMP framework is to generate mobile first page, great page experience forms, responsive layouts.
Programming Languages
PHP, HTML & CSS, JavaScriptCoding Expertise
Cross Browser & Device Compatibility, Performance Optimization, DesignWhat's included $1,500
These options are included with the project scope.
$1,500
- Delivery Time 30 days
- Number of Revisions 1
- Design Customization
- Content Upload
- Responsive Design
- Source Code
78 reviews
(65)
(8)
(2)
(2)
(1)
This project doesn't have any reviews.
JM
Johann M.
Mar 26, 2026
React Typescript Email Template Editor
We found a different solution that works out the box and saves us time!
WW
Weiying W.
Mar 11, 2025
Fabric js developer
AR
Andreas R.
Feb 21, 2025
Software developer
MC
Maher C.
Feb 5, 2025
Custom trim designer
gj
geordie j.
Jan 28, 2025
Angular fabric floor plan
it was a pleasure working with Frederic
About Frederic
Software developer for Web application, Website Product development
100%
Job Success
Chennai, India - 9:34 am local time
Write clean, efficient, and maintainable code for front-end components (HTML, CSS, JavaScript, modern frameworks like React/Vue/Angular) and back-end logic (e.g., Node.js, Python, PHP, Ruby on Rails) that power templates and editor functionalities.
Develop reusable UI components and design systems that promote consistency and efficiency in content creation. Integrate and configure third-party content editing tools and plugins, ensuring seamless functionality and compatibility.
Provide expert-level technical support and troubleshooting for complex issues related to content templates and editor functionalities.
Strong experience with modern JavaScript framework/library: React, Vue.js, or Angular.
and libraries like fabric js, paper js, google amp, mjml, etc.,
Proficiency in a relevant back-end programming language (e.g., Node.js, Python, PHP, Ruby).
Experience with RESTful APIs, GraphQL, and data modeling.
Strong understanding of web performance optimization techniques, accessibility (WCAG), and SEO best practices. Experience with version control systems (Git) and collaborative development workflows. Familiarity with cloud platforms (AWS, Azure, GCP) and CI/CD pipelines.
Expert in creation of HTML5 Canvas / email / UI / 2D diagram web based editor tools
Experience with unit testing frameworks (e.g., Jest, React Testing Library).
Please visit kpomservices.com for more details about all the editor tools.
🌟Following tools created recently🌟
1. Drag Drop AMP / HTML Fallback Email Editor
2. Invitation Card Product Designer
3. Canvas + Fabric js based certificate generator tool
4. Canvas + Fabric js based issue annotator tool
5. Shirt label / Logo product designer.
7. PDF based Flyer Templates Editor Application
8. Floor plan editor tool
9. Metal Roof plan editor tool.
🌟Development Tools Used🌟
React / Angular / Vue
JavaScript library for building user interfaces, enabling component-based architecture.
Node JS / Typescript / Javascript / Jquery / PHP
UI open source libraries user interfaces, enabling component-based architecture.
Jira / atlassian / slack
Agile project management tool for planning, tracking, and managing software development.
Fabric JS / Canvas / Node Canvas / PDF JS
Open Source Library for Digital whiteboarding platform for collaborative planning and visual organization.
Jest Unit Testing
Platform and methodologies for gathering qualitative code testing.
Shopify / Etsy / Woocommerce
Ecommerce platform setup and product customization editor tools integeration in different platforms.
PHP / Laravel / LAMP / Node
Backend and Server Side development platforms / frameworks.
🌟 R & D Tools Development:List of MVP analysis and research work to design, develop, and deliver outstanding products.
1. Moveable Draggable Resizable and Rotatable HTML Components DOM Editor
2. MJML - Custom Blocks - Drag and Drop Editor
3. Whatsapp Flow JSON Builder
4. AMP Email Form Widgets Editor
🌟 🌟 Client Feedback and Appraisal comments 🌟🌟
💡 Crucial for evaluating and improving performance, especially in customer-facing roles. These comments can be used to identify areas for development.
Netcorecloud.com
Appreciation For Amp Editor
You've been knocking it out of the park with: Your dedication to building robust solutions 💪 Your calm approach, when challenges arise 🧘♂️ Your innovative problem-solving skills
💡 Connectsouthwest.com
Feedback from client
Very persistent developer, was able to fix a custom and very specific javascript code and successfully resolved all issues with and fixes bugs in a timely manner. A++, recommended to work with!
💡 Templett.com
Feedback from client - travmill
“Great experience working with Fred. Very professional and on time and on cost. I plan on contacting him for more jobs in the near future. Thanks again Frederic!”
💡 Dhiway.com
Development for Fabric.js Design Canvas
“I must say great job very clean code and highly recommended. Looking forward to working again in the near future.”
💡 BigDataConnectors - Upwork.com Client
Feedback from client
“Enjoyed working with Fredy. Look forward to working again in the future! Good luck!!”
💡 Netcorecloud.com
Advocacy By Customer Delight (ABCD) - Q2 25 - For UCE Editor
Wanted to give you a quick shout-out for being such a rock star 🌟 and for your exceptional contributions towards our theme of Advocacy By Customer Delight (ABCD) in Q2 FY25.
💡 Upwork.com Client
Responsive Items Modal
"Great experience as usual with Frederic. We've used him for multiple projects and will continue to use him in the future."
💡 Upwork.com Client
Venue Seatmap Designer and Renderer
"Frederic saved our project. He helped us solve the challenging technical problems we faced. He's reliable, very responsive and dedicated. I will definitely work
Steps for completing your project
After purchasing the project, send requirements so Frederic can start the project.
Delivery time starts when Frederic receives requirements from you.
Frederic works on your project following the steps below.
Revisions may occur after the delivery date.
Decide on the price hourly / fixed
Based on the requirements we can decide on the price / fixed.