AMP Demos by Salesforce
collectionThis is a collection of AMP for Email examples written for and tested in SFMC.
Category
Frameworks, generators, templates, and references for hand-coding and testing HTML, CSS, and AMP email markup across every major email client.
Documentation, demos, and guides for building interactive AMP emails that work in Gmail.
This is a collection of AMP for Email examples written for and tested in SFMC.
A repository of awesome resources and tools for AMP for Email.
Guide by Alice Li on how to grab valid AMP4email markup code from your Gmail inbox so that you can play around with it yourself.
Learn how to build AMP emails from the offical documentation.
Learn how to create interactive emails using AMP framework and its use cases.
Text editors and live-coding tools built or commonly used for writing email HTML.
Code editor made for creating responsive emails used by email developers.
A hackable text editor for the 21st Century built by GitHub.
Build your code from scratch, or make your code edits and test code changes in real time.
Preview your emails with this simple and FREE tool.
Parcel is the email coding platform that streamlines your development workflow to help you rapidly code high-quality emails.
A sophisticated text editor for code, markup and prose.
Curated collections of email code examples and references.
Completely free, professional Marketo Email Templates. Easily upload and customize to your needs. Fully responsive, tested in over 100 email clients.
Guides and simulators for handling dark mode rendering quirks across Outlook, Gmail, and Apple Mail.
Break down of which email clients offer Dark Mode, how each client’s Dark Mode settings impact your email designs, and what you can do to improve your emails for subscribers that read in Dark Mode.
Check how your email looks like in Dark Mode.
Nicole Merlin takes you through what is happening to your borders, as well as how fix any problems you’re having with them.
Fixing Gmail’s dark mode issues with CSS Blend Modes discovered by Rémi Parmentier.
Learn how to code and optimize emails for dark mode and improve the user experience of your email marketing campaigns. Discover key techniques and tips to ensure your emails look great in dark mode, and reach a wider audience on various devices.
Learn how we can make our mailers dark mode friendly from my research findings and experiments.
Markup languages and boilerplates, like MJML and Maizzle, that make responsive email coding easier.
A few simple, but solid patterns for responsive HTML emails. Even in Outlook and Gmail.
Quickly create responsive HTML emails that work. Even on Outlook.
HEML is an open source markup language for building responsive email.
A templating language from Zurb Foundation that compiles simple HTML tags into complex, responsive email markup.
Build HTML emails with Tailwind CSS and advanced, email-specific post-processing.
MJML is a markup language designed to make responsive email easy.
Tools that generate bulletproof buttons, background images, tables, and other tricky email markup for you.
Create rock-solid background images for your HTML email with some help from VML and CSS.
Design gorgeous buttons using progressively enhanced VML and CSS.
Build Semantically Correct, Naturally Responsive HTML Lists for Email.
Create beautiful buttons for your Pardot emails, without VML. Simply select your button colors, fonts, font sizes, padding, etc and copy and paste the generated HTML into your Pardot email or Pardot email template.
Generate a flexible set of charts that you can send in your emails.
Create a bulletproof responsive email grid with tables that works in all major clients. Made by Julie Ng.
Repositories and write-ups documenting rendering bugs and the CSS hacks that fix them.
A repository for documenting bugs in webmails and email applications.
A repository for documenting ESPs HTML interpretation bugs and oddities.
A walkthrough by Stig Morten Myre on different techniques you can use to fix Outlook bugs.
Crowdsourced email development techniques for singling out email clients and platforms.
A deep dive into Outlook's rendering engine and a look at ways to tame the beasts that are the Windows versions of Outlook.
Compatibility tables showing which HTML and CSS features each email client actually supports.
Support tables for HTML and CSS in emails.
Compatibility tables for CSS support in HTML emails.
Check to see if your ESP supports sending emails containg dynamic and interactive CSS.
A complete breakdown of the CSS support for email clients.
Techniques and demos for building interactive email experiences with CSS and AMP.
A CodePen collection of interactive emails curated by Wilbert Heinen.
A CodePen walkthrough on how interactive email works.
A collection of interactive email demos and tutorials by Justin Khoo.
Mark Robbins gives a walkthrough on the punched card coding technique for achieving complex interactivity in email.
An article by Niven Ranchhod about a personal challenge to build a complex & real world interactive email.
Reusable, community-tested HTML and CSS snippets for common email layout problems.
A repository to hold all CSS resets from past and present email clients.
Email code resources website full of snippets and explanations by Mark Robbins.
A collection of HTML email snippets submitted by Litmus users.
Free, developer-ready HTML and AMP email templates you can adapt for your own campaigns.
1200+ Free & Professional Email Templates available for export to any platform.
Save yourself the pain of coding HTML emails and use our tested, accessible and beautiful emails.
Tabular provides quality over quantity when it comes to email templates.
200+ free HTML and AMP email templates to create engaging interactive emails.
Completely free, professional Marketo Email Templates. Easily upload and customize to your needs. Fully responsive, tested in over 100 email clients.
Completely free, professional Pardot Email Templates. Easily upload and customize to your needs. Fully responsive, tested in over 100 email clients.
Converters, minifiers, and inliners for cleaning up and preparing email HTML before you send.
Transform every part of your HTML emails.
A tool to prepare text for pasting into HTML.
Removes unused CSS from email templates.
Minify HTML mixed with anything.
This site browses the 4927 emails from Really Good Emails to count the use of certain HTML and CSS features.
Convert email from Gmail, Yahoo! Mail or Outlook.com into HTML.