[{"data":1,"prerenderedAt":476},["ShallowReactive",2],{"project-41007403":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":9,"maker":10,"posted_at":11,"year":12,"points":13,"comments":14,"rank_in_year":15,"shown_in_year":16,"top":17,"tier":18,"category":19,"subcategory":20,"format":21,"keywords":22,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":34,"aspects":35,"strip":44,"post_text":46,"what":47,"said":76,"maker_in_thread":194,"shape":207,"grid":211,"attempts":438,"same_week":439,"maker_shows":17,"maker_hidden":467,"reader_version":468,"card":469},"41007403","Sendune","open-source HTML email designer","title","Show HN: Sendune – open-source HTML email designer",null,"samdung",1721402560,2024,429,90,98,3515,3,"legend","web_saas","email designer","library",[23,24,25,26],"html email designer","open source email editor","email template builder","responsive email html","debated",0.109,{"positive":30,"neutral":31,"mixed":32,"critical":33},12,11,0,10,33,{"design":36,"pricing":38,"execution":40,"idea":42},{"positive":32,"critical":37},1,{"positive":39,"critical":39},2,{"positive":37,"critical":41},4,{"positive":43,"critical":39},7,[37,45,17,32,45,17,45,17,37,17,37,37,37,37,17,32,45,45,45,37,45,32,45,45,45,32,32,32,32,32,37,32,32,32,32,17,32,37,37,32],5,"Demo: https:\u002F\u002Fdesigner.sendune.com\u002F Code: https:\u002F\u002Fgithub.com\u002FSendWithSES\u002FDrag-and-Drop-Email-Designer\n\nHTML for email is probably the hardest code to write. Even a teeny-tiny deviation from the rules will break the email in untold combination of os\u002Fdesktop\u002Fmobile clients.\n\nIt's mid 2024. Almost 50 years since email was invented and 35 years since HTML was born. A 'basic-open-source-HTML-email-designer' must be a solved problem, right? We thought so too.\n\nSadly, that's not the case.\n\nThere are a few decent open source email designers but they carry dependencies that make them cumbersome to embe",{"problem":48,"audience":9,"pricing":54,"motivation":62,"time_to_build":9,"stack":66,"openness":73,"stage":74,"team_size":75},{"value":49,"source":50,"evidence":51},"Writing compatible HTML email across clients is hard; existing open-source designers are cumbersome to embed","maker",[52],{"id":53},"post",{"value":55,"source":56,"evidence":57},"MIT licensed, free to use","commenter",[58],{"id":59,"by":60,"text":61},"41007590","brianjking","Oh wow, nice, thanks for the MIT License!",{"value":63,"source":50,"evidence":64},"Existing open-source HTML email designers carry dependencies that are cumbersome to embed",[65],{"id":53},[67],{"value":68,"source":50,"evidence":69},"Angular (ng-email-designer npm package)",[70],{"id":71,"by":10,"text":72},"41043845","You can visit the following page for documentation on how to integrate it into your angular web app. https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@send-with-ses\u002Fng-email-designer You can…","open_source","launched","unknown",{"praise":77,"objections":97,"requests":123,"questions":147,"alternatives":162},[78],{"value":79,"source":56,"evidence":80},"Useful, simple, and needed open-source email editor",[81,85,89,93],{"id":82,"by":83,"text":84},"41007754","philmo1","Absolutely amazing. Really makes so much sense to have a solid mail editor as OSS!",{"id":86,"by":87,"text":88},"41008110","Turboblack","This is a very useful thing, I will definitely test it",{"id":90,"by":91,"text":92},"41010302","steviedotboston","I really like this idea!",{"id":94,"by":95,"text":96},"41008696","jessyco","Love it see it, I think most \"designers\" like this tools are behind paywalls and subscription email platforms. This looks great thank you for sharing.",[98,109,116],{"value":99,"source":56,"evidence":100},"Pure HTML email is outdated; plain text or markdown would be better",[101,105],{"id":102,"by":103,"text":104},"41007683","rmbyrro","I have the personal impression that it would be a net positive if all emails were written as text. Ok, in some cases I see why html would make some sense. In those cases, my…",{"id":106,"by":107,"text":108},"41012058","SoftTalker","The entire premise is absurd. I will grant that many people want rich text, formatted emails with images and logos. I don't want that but understand the wants and needs are…",{"value":110,"source":56,"evidence":111},"Drag and drop does not work in Firefox on macOS",[112],{"id":113,"by":114,"text":115},"41008535","nik736","The drag and drop part is not working for me, Firefox, macOS. I can click on the elements on the left and they will pop up, but I am not able to drag them onto the email.",{"value":117,"source":56,"evidence":118},"No plain text fallback",[119],{"id":120,"by":121,"text":122},"41010094","tejtm","View -> Message Body As -> Plain Text Not your fault, but please always provide fall back text.",[124,130,140],{"value":125,"source":50,"evidence":126},"Plain text fallback",[127],{"id":128,"by":10,"text":129},"41013925","got it. plain text fall back is on our todo list.",{"value":131,"source":56,"evidence":132},"Load saved templates",[133,137],{"id":134,"by":135,"text":136},"41007749","gamegod","Looks awesome. Is there a way to load saved templates?",{"id":138,"by":135,"text":139},"41010905","I appreciate the response, but that's not what I was asking. I'll rephrase as a workflow question: After I make a design in your editor, I'll want to reuse that for future…",{"value":141,"source":56,"evidence":142},"Responsive styles for small screens",[143],{"id":144,"by":145,"text":146},"41012315","mska","Really great thanks! Is it possible to add responsive styles? Such as converting columns into rows on smaller device screens?",[148,155],{"value":149,"source":56,"evidence":150},"How to integrate into another web app and store templates in a database",[151],{"id":152,"by":153,"text":154},"41033516","ibotty","Is there some documentation on how to integrate it into a different web app? I would really like to open a template that is stored in the database and handle sending the mail,…",{"value":156,"source":56,"evidence":157},"How it compares to Resend",[158],{"id":159,"by":160,"text":161},"41008007","rd","How does this compare to something like resend?",[163,174,181,187],{"value":164,"source":56,"evidence":165},"MJML",[166,170],{"id":167,"by":168,"text":169},"41010967","adeptima","This work looks very promising. \"HTML for email\" is indeed hard to design and hard to implement. Especially editing on mobile, tablet devices, or asian (two+ bytes japanese,…",{"id":171,"by":172,"text":173},"41008471","gav","You can use MJML - https:\u002F\u002Fmjml.io\u002F - which abstracts away a lot of the ugliness and Outlook hacks.",{"value":175,"source":56,"evidence":176},"Cerberus email patterns",[177],{"id":178,"by":179,"text":180},"41013050","sexy_seedbox","OP should have used the patterns from Cerberus: https:\u002F\u002Fgithub.com\u002Femailmonday\u002FCerberus",{"value":182,"source":56,"evidence":183},"Resend",[184],{"id":185,"by":160,"text":186},"41071024","Do your research before responding to me next time. They're both email design tools - Resend is based around building your emails in React.",{"value":188,"source":56,"evidence":189},"Foundation for Emails",[190],{"id":191,"by":192,"text":193},"41017696","fallinditch","This looks great, nice job! Does anyone here use Foundation for Emails? - I found it to be pretty good (circa 2020) but the code it produced still needed some tweaks to display…",{"comments":195,"answered":196,"key":197},13,8,[198,201,204],{"id":199,"text":200},"41007552","Oh! I wasn’t expecting this. I’ll be here a couple of hours to answer any questions.",{"id":202,"text":203},"41007847","wasn't expecting to hit the front page so soon given all the attention towards crowdstrike.",{"id":205,"text":206},"41013921","although the name says 'drag and drop', it's not truly that. you click on any column in the designer and then select the component (heading, text, image, etc) in the left panel.…",{"commenters":208,"max_depth":45,"maker_replies":195,"first_comment_mins":209,"lifespan_hours":210},59,15,146,[212,216,219,221,223,227,230,233,234,238,242,246,250,254,257,259,262,264,266,269,272,276,279,281,284,286,288,289,290,293,296,297,298,300,303,307,310,311,313,315,317,319,321,324,326,330,331,335,339,341,343,345,348,351,354,358,362,365,368,370,373,375,378,382,385,389,391,393,396,399,402,404,407,409,412,414,417,420,425,429,431,434,436],[213,32,37,214,215,32],"41009884","project\u002Fcritical\u002Fdesign","shortformblog",[217,32,32,218,215,32],"41011407","commenter\u002Fneutral\u002Fidea",[199,37,32,220,10,37],"other\u002Fneutral\u002Fnone",[59,37,45,222,60,32],"project\u002Fpositive\u002Fpricing",[224,37,17,225,226,32],"41007660","maker\u002Fneutral\u002Fnone","cheapgeek",[228,37,32,220,229,32],"41007731","_kush",[231,37,32,220,232,32],"41007755","bogzz",[202,37,32,220,10,37],[235,37,17,236,237,32],"41009375","project\u002Fneutral\u002Fdesign","mnutt",[239,37,45,240,241,32],"41009388","maker\u002Fpositive\u002Fexecution","AlexDragusin",[243,37,17,244,245,32],"41009866","project\u002Fneutral\u002Fexecution","layer8",[247,37,32,248,249,32],"41011129","other\u002Fneutral\u002Fexecution","daliusd",[251,39,45,252,253,32],"41010859","maker\u002Fpositive\u002Fidea","RamiAwar",[255,39,32,220,256,32],"41017934","deskr",[167,17,17,258,168,32],"project\u002Fneutral\u002Fidea",[260,17,32,261,215,32],"41011162","other\u002Fneutral\u002Fdocs",[113,41,37,263,114,32],"project\u002Fcritical\u002Fexecution",[205,41,32,265,10,37],"maker\u002Fneutral\u002Fdesign",[267,41,17,236,268,32],"41015063","spongeb00b",[270,45,17,258,271,32],"41008916","orra",[273,45,37,274,275,32],"41009596","maker\u002Fcritical\u002Fpricing","carlosjobim",[277,45,32,278,10,37],"41013444","maker\u002Fpositive\u002Fpricing",[280,45,37,274,275,32],"41017881",[282,45,32,283,10,37],"41043502","maker\u002Fneutral\u002Fpricing",[120,285,37,263,121,32],6,[128,285,32,287,10,37],"maker\u002Fneutral\u002Fexecution",[144,43,17,244,145,32],[178,43,37,263,179,32],[291,43,32,292,10,37],"41013421","maker\u002Fneutral\u002Fdocs",[294,43,32,295,10,37],"41013400","project\u002Fpositive\u002Fexecution",[152,196,17,244,153,32],[71,196,32,292,10,37],[191,299,32,220,192,32],9,[301,33,17,244,302,32],"41009223","ashok_m",[304,31,45,305,306,32],"41012327","project\u002Fpositive\u002Fidea","Cyphase",[308,31,45,305,309,32],"41020976","micadep",[82,30,45,305,83,32],[86,195,45,312,87,32],"project\u002Fpositive\u002Fnone",[134,314,17,244,135,32],14,[316,314,32,287,10,37],"41007875",[138,314,37,318,135,32],"maker\u002Fcritical\u002Fexecution",[320,314,32,287,10,37],"41013487",[322,209,45,305,323,32],"41008602","ramathornn",[159,325,32,220,160,32],16,[327,325,32,328,329,32],"41014967","commenter\u002Fneutral\u002Fnone","gls2ro",[185,325,32,328,160,32],[332,333,45,312,334,32],"41012872",17,"tamimio",[336,337,45,305,338,32],"41009731",18,"2Gkashmiri",[340,337,32,252,10,37],"41014171",[94,342,45,222,95,32],19,[90,344,45,305,91,32],20,[102,346,32,347,103,32],21,"other\u002Fcritical\u002Fidea",[349,346,32,220,350,32],"41007763","trallnag",[352,346,32,220,353,32],"41007854","graemep",[355,346,32,356,357,32],"41007972","other\u002Fneutral\u002Fprivacy","rspoerri",[359,346,32,360,361,32],"41008662","other\u002Fneutral\u002Fidea","NoboruWataya",[363,346,32,220,364,32],"41009030","FredPret",[366,346,32,347,367,32],"41010049","prmoustache",[369,346,32,220,364,32],"41010390",[371,346,32,220,372,32],"41010414","eikenberry",[374,346,32,328,364,32],"41010764",[376,346,32,220,377,32],"41009044","Ringz",[379,346,37,380,381,32],"41012773","project\u002Fcritical\u002Fidea","guhcampos",[383,346,32,328,384,32],"41012990","skull723",[386,387,32,220,388,32],"41007757",22,"ibdf",[390,387,32,220,10,37],"41007948",[392,387,32,220,361,32],"41008239",[394,387,32,220,395,32],"41009579","johannes1234321",[397,387,32,220,398,32],"41014037","userbinator",[400,387,32,220,401,32],"41008040","conradolandia",[403,387,32,220,384,32],"41013009",[405,387,32,360,406,32],"41008346","Avamander",[171,387,17,408,172,32],"project\u002Fneutral\u002Fnone",[410,387,32,220,411,32],"41008349","dogas",[413,387,32,220,406,32],"41008378",[415,387,32,220,416,32],"41008686","bilater",[418,387,32,220,419,32],"41008894","blowski",[421,422,37,423,424,32],"41009272",23,"project\u002Fcritical\u002Fnone","_ache_",[426,427,32,220,428,32],"41008585",24,"PodgieTar",[106,430,37,380,107,32],25,[432,430,32,328,433,32],"41012083","grepfru_it",[435,430,32,328,215,32],"41012350",[437,430,32,220,398,32],"41014135",[],[440,445,449,454,458,462],{"id":441,"name":442,"points":443,"category":444},"41045834","Briefer",265,"data",{"id":446,"name":447,"points":448,"category":19},"41031975","billabear.com",260,{"id":450,"name":451,"points":452,"category":453},"41048194","Zerox",246,"ai",{"id":455,"name":456,"points":457,"category":19},"41048196","Overlap",229,{"id":459,"name":460,"points":461,"category":453},"40998497","Mutable.ai Auto Wiki",162,{"id":463,"name":464,"points":465,"category":466},"41024964","Moocable",161,"consumer_social",false,"v2",{"id":470,"name":5,"line":6,"ai":467,"cat":19,"year":12,"points":13,"comments":14,"rec":27,"s":471,"top":17,"kw":472,"maker":10,"domain":473,"tier":18,"attempts":32,"strip":474,"url":-1,"mix":475,"praise":79,"objection":99,"sub":20},41007403,0.11,[23,24,25,26],"","1530535313111130555150555000001000030110",[30,31,32,33],1794036658068]