
The vanilla HTML examples do not include any JavaScript and are designed for people who prefer to write any necessary JavaScript themselves. Headless UI supports both React and Vue 3, but is not compatible with Vue 2.

The React and Vue examples are fully interactive, and are powered by Headless UI - a library of unstyled components we designed to integrate perfectly with Tailwind CSS. Our components are provided in three formats: React, Vue, and vanilla HTML. Think about things that already cause email issues – such as colored backgrounds, certain animations, or large images – and avoid those design elements to ensure that your email template will last longer.Our website templates are built using Next.js, so all of the markup is written using React. Your best design option is likely a one-column format with plenty of white space. With new devices hitting the market all the time, you want to select an email template that you can use for a while. Many third-party email services, such as the ones mentioned above, include preflight testing tools. (It’s a best practice to test each email before sending as well.) To ensure optimum usability test your email template on multiple devices before sending out to your entire subscription list. Users may also hop between desktop and mobile devices and your emails need to work whenever (and wherever) they are opened. With most people accessing email on a mobile device, it is more important than ever that your email template is responsive. Check with that provider to see if you have to use one of their templates, can upload one from somewhere else, or code your own. You need to start with an email template that will work on the platform of your choice.

What platform do you already use (or do you plan to use)? MailChimp, Campaign Monitor, and Constant Contact are among the most popular platforms and all have different pros and cons, depending on your email newsletter needs.

Think about how you plan to send the email.

There are a lot of things to think about when choosing an email template, from the design of the email to your specific sending needs to the platform you plan to use.
