AMP4Email Starter

View on GitHub →

Original, free ⚡4email templates.

Installation

$maizzle new https://github.com/maizzle/starter-amp4email.git

Templates

The following templates are included:

  • Accordion
  • Carousel

Customization

A few notes on customizing this Starter.

Tailwind CSS

AMP templates don't allow inline CSS, so we've set important: false in tailwind.config.js. Because of this, the starter also uses an md screen and a mobile-first approach, instead of the usual desktop-first.

AMP Components

For each component that you want to use in a template, you need to add its script to the <head>. We do this with a head block, right in the Template:

<extends src="src/layouts/main.html">
  <block name="head">
    <script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
  </block>
</extends>