[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-73926":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":15,"lastSyncTime":34,"discoverSource":35},73926,"Drag-and-Drop-Email-Designer","SendWithSES\u002FDrag-and-Drop-Email-Designer","SendWithSES","Free, open source, HTML email template editor and no code designer.","https:\u002F\u002Fdesigner.sendune.com",null,"TypeScript",2103,128,14,2,0,3,9,28.33,"MIT License",false,"main",true,[25,26,27,28,29,30],"free-html-email-editor","free-open-source-email-editor-and-designer","no-code-email-editor","open-source-email-template-creator","open-source-free-wysiwig-email-editor","open-source-html-email-designer","2026-06-12 02:03:19","\n# 💌 Free, Open Source HTML Email Editor and Designer.\n\n![sendwithses-opensource-drag-and-drop-html-editor](https:\u002F\u002Fgithub.com\u002FSendWithSES\u002FDrag-and-Drop-Email-Designer\u002Fassets\u002F3350646\u002F86020ce2-a818-4b7f-8823-f5c898b737ee)\n\n## 👹 Who?\nThis email designer was originally built for use within [**SENDUNE**](https:\u002F\u002Fsendune.com\u002F) (formerly Send With SES).\n\n## ⁉️ Why Choose SENDUNE Email Designer?\n\n- **Truly Open Source:** Use it for personal use or commercial use or whatever.\n- **Truly Free:** Because the ones that say 'free', are not.\n- **Truly Works:** Because the ones that are free don't seem to work.\n- **Truly HTML:** No intermediate code wranglers like mjml. \n- **Truly Fast and Light Weight:** Because you have better things to do with your time.  \n- **Truly No-Code:** Design like a pro without coding headaches. Our minimal interface gets out of your way.\n- **Truly Democratic:** Save HTML output as a template and use with ANY email service provider.\n  \n## 3️⃣ Three Ways To Create Templates\nComes with three template types that let you design any kind of transactional or marketing emails. Altogther, you can create and save unlimited templates. \n  - **Drag and Drop Designer** - Start designing beautiful emails immediately. \n  - **HTML Code Editor** - Reuse HTML templates that you already have or code them from scratch.\n  - **Plain Text Emails** - _'Minimalists'_. This is for you.  \n\n## 🚀 Built On Solid Fundamentals.\nFollows a few fundamental rules to design emails that work in nearly all email clients (web and mobile). It is built upon some great work done by these people.\n\n- Ted Goas - https:\u002F\u002Fwww.cerberusemail.com\n- Nicole Merlin - https:\u002F\u002Fwww.emailwizardry.com.au\n- Mark Robbins - https:\u002F\u002Fwww.goodemailcode.com\n\n## 🎪 Live Demo.\nPlay around with the live demo at https:\u002F\u002Fdesigner.sendune.com. You can design a template and send yourself a test email.\n\n## 👩‍💻 Installation\n\n[![Open in StackBlitz](https:\u002F\u002Fdeveloper.stackblitz.com\u002Fimg\u002Fopen_in_stackblitz.svg)](https:\u002F\u002Fstackblitz.com\u002Fedit\u002Fsendune)\n\n(This StackBlitz demo is built with Angular 15. The same process should work with other Angular versions.)\n\nInstall via NPM:\n\n```\nnpm install @send-with-ses\u002Fng-email-designer\n```\n\nOr via YARN:\n\n```\nyarn add @send-with-ses\u002Fng-email-designer\n```\n\n## 🖼️ Image Handling\n\nYou can use a cloud storage of your choice (ex: AWS S3, Cloudflare R2, GCP Cloud Storage etc) for storing your images. Please implement your image upload functionality and provide it to the library as below (imageUploadTriggered\u002FimageSelectionTriggered).\n\n\n```html\n\u003Clib-email-designer #emailEditor class=\"px-0\"\n        [type]=\"selectedTemplateType\" [template]=\"selectedTemplate\"\n        (imageSelectionTriggered)=\"onImageSelectionTrigger($event)\"\n        (imageUploadTriggered)=\"onImageUploadTrigger($event)\"\n        (emailContentChanged)=\"onEmailContentChange($event)\"\n        >\n\u003C\u002Flib-email-designer>\n```\n[Click here](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@send-with-ses\u002Fng-email-designer) for more documentation\n\n## 🎨 UI Theming and Styles\n\nYou can make a few changes to make the Email Designer match your website colors.\n\nImport the following styles into your global styles file (e.g., styles.scss):\n\n```css\n@import '..\u002Fnode_modules\u002F@send-with-ses\u002Fng-email-designer\u002Fsrc\u002Flib\u002Ftheme.scss';\n@import '..\u002Fnode_modules\u002F@send-with-ses\u002Fng-email-designer\u002Fsrc\u002Flib\u002Femail-editor.css';\n```\n\nTo make the Email Designer match your website's UI, include the following in your main.scss or styles.scss file and change the colors as you like.\n\n```css\n :root {\n    --sws-icon-color: #ccc;\n    --sws-icon-hover-color: #555;\n    --sws-header-background: #eee;\n    --sws-header-text-color: #555;\n    --sws-border-color: #ccc;\n }\n```\n\n## 🤝 Contribute.\nFeel free to fork the repository, make improvements, and submit pull requests.\n\n## 🐛 Issues or Ideas:\nSpotted a bug or got an idea? Just open an issue or write to designer at sendwithses dot org.\n\n## ⭐ Minimal Rationalism (Optional Reading)\nSENDUNE Designer focuses on simplicity and ease of use over a heavy feature set. Over years of sending emails, we've come across some email patterns that work and many that don't. Some are design related while some are organisation related. Let's break some bubbles here - in no particular order.\n- Remember, you are designing an email, not a website. If you want fine-grain controls like 'line heights', you are at the wrong place.\n- The more you nitpick on the design, the more likely it will break in email clients. (i.e. more moving parts == more breakages). \n- Transactional emails are best delivered in plain text.\n- For best results, HTML emails (transactional and marketing) must (mostly) fit ['above the fold'](https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FAbove_the_fold).\n- Rethink your design if it is more than one scroll depth.\n- The combined time spent by all the recipients who opened your marketing email will be lesser than the time you spent designing it. (This statement is an exaggeration, but you get the drift.)\n- Emails are being designed to impress bosses, not the end readers.\n- Avoiding spam folders is largely a function of the content of your email. Technology or the pedigree of your email sending service cannot help you if your content is unsolicited.\n- The top three email service providers control ~80% of the market. They can break you.  \n","SendWithSES\u002FDrag-and-Drop-Email-Designer 是一个免费且开源的HTML邮件模板编辑器和无代码设计工具。它支持通过拖拽、HTML代码编辑以及纯文本三种方式创建邮件模板，适用于各种交易或营销邮件的设计。该工具基于TypeScript开发，遵循电子邮件设计的基本原则，确保生成的邮件在大多数客户端上都能良好显示。其核心特点包括真正意义上的开源与免费、轻量快速、完全无代码操作，并且能够直接输出标准HTML格式，方便用户将其应用于任何邮件服务提供商。适合需要高效制作专业邮件模板但又不想深入编程的个人开发者或企业使用。","2026-06-11 03:47:56","high_star"]