Postmark starter

Postmark's transactional email templates, re-built with Tailwind CSS in Maizzle.

Getting started

Scaffold a new project based on this starter:

npx create-maizzle

In the interactive setup wizard, specify the directory name to create the project in, i.e. ./postmark-emails, select Custom Starter → Git, type in maizzle/starter-postmark and confirm with Enter key. Then, choose Yes when prompted to Install dependencies.

Next, switch the current directory to postmark-emails:

cd postmark-emails

Start local development:

npm run dev

Build emails for production:

npm run build

Variations

Each template comes in three layout variations: Basic, Basic full, and Plain. This gives you a starting point to customize them to match your brand.

Dark Mode

The templates support dark mode where available.

Customization

This starter defines a company object in config.js, so you can quickly update company info in one place:

config.js

module.exports = {
  company: {
    name: '[Company Name, LLC]',
    address: `
    <br>1234 Street Rd.
    <br>Suite 1234
    `,
    product: '[Product Name]',
    sender: '[Sender Name]',
  },
}

You can preserve the {{ }} curly braces to use with Postmark variables by writing them as @{{ }} in Maizzle - see the ignoring expressions docs.