Aslam Shah

Posted on Sep 15, 2020 • Updated on Oct 11

Do you spend a lot of time creating HTML emails?

#email #newsletter #webdev #beginners

As a developer, I always came across creating bulletproof emails that should look awesome in every email client. But it takes up more time than needed. Email clients make it hard to write the perfect code for emails.

So I decided to create a few templates that I can use every time I start a new project or change an existing email. However, I ended up creating 50+ email templates using MJML ( the best ;) ) email markup language and I thought to share it with the community. I present to you (drum roll ) CodedMails.

I hope these templates will help you rapidly create emails, which are tested and up to date with the latest email client changes.

Drop me a comment if you have any feedback.

Looking for your support and love :)

Top comments (16)

JulianRochsas • Oct 23 '20

Thanks a lot. Its helpful

Ian B • Sep 16 '20

Nice work dude, I was surprised to see that viewing the HTML was free <3 I don't write much email templates these days but whenever I did I just looked at example code from emails on reallygoodemails.com/.

Aslam Shah • Sep 17 '20

Thanks, and Yes you can use the HTML versions for free.

ender minyard • Sep 15 '20

great project 💡

Andrew Baisden • Oct 13 '20

Those are some nice clean designs. Still waiting for email development to become modern so that the usage of tables is reserved for actual tables and not the design 😂

Aslam Shah • Oct 13 '20

Hopefully in this lifetime . (Outlook 🤭)

Patrick Tingen • Sep 16 '20

Wow, these are awesome. Currently, we just generate plain text mails for our users, but this looks waaaaaay better.

Chuks Adirije • Sep 16 '20

Wow! Amazing stuff!

Writing emails has always been a hassle for me, now, it just got better and easier. I'm going all in.

Thanks, @hunzaboy !

Aslam Shah • Sep 17 '20

I am glad you found it useful. 😊

Aslam Shah • Sep 16 '20

Thanks and Do share your feedback :)

Nikola • Sep 16 '20

For what are there so many :root ... { display: none !important; } items in head? I have never seen someting like that?

Aslam Shah • Sep 17 '20

Hey Nikola, what template are you refering to? I can give you better explanation based on the template. 😊

Nikola • Sep 17 '20

Every one I have open, e.q. Welcome Email
code goes like

<style type="text/css">:root topadblock, :root script[src^="http://free-shoutbox.net/app/webroot/shoutbox/sb.php?shoutbox="] + #freeshoutbox_content, :root input[onclick^="window.open('http://www.FriendlyDuck.com/"], :root img[alt^="Fuckbook"], :root iframe[src^="http://static.mozo.com.au/strips/"],
 :root iframe[id^="google_ads_iframe"], :root div[jscontroller="U835zd"] + c-wiz[jsrenderer="YnuqN"], :root div[id^="zergnet-widget"], :root div[id^="traffective-ad-"], :root div[id^="sticky_ad_"], :root div[id^="q1-adset-"], :root div[id^="proadszone-"], :root div[id^="mainads"], :root 
div[id^="lazyad-"], :root div[id^="gtm-ad-"],.......