Resources
Resources that you can use to enhance your Maizzle development workflow.
Know of a resource that we should list here? Let us know.
Editor extensions
Extensions that can enhance your Maizzle development workflow.
VS Code
- Tailwind CSS IntelliSense - Intelligent Tailwind CSS tooling for VS Code.
- PostHTML Snippets - Autocomplete for PostHTML tags.
Sublime Text
- Tailwind CSS Autocomplete - Tailwind CSS Autocomplete for Sublime Text.
Atom
- autocomplete-tailwind - Tailwind CSS autocompletion provider for Atom.
Nova
- Tailwind CSS Extension - Tailwind CSS Extension for Panic's Nova Code Editor.
Tools
These are some web apps that you can use with any HTML email, not just the ones that you create with Maizzle.
- Polypane* - a browser for developers with side-by-side viewports, quick inspect, accessibility tools, media emulations etc. - we use it to develop all our HTML emails 👌
- Parcel - online code editor built for email development
- Can I email - check email client support for HTML and CSS features
mailto:Link Generator - generatemailto:links with pre-filled fields- Calendar Link Generator - generate "add event" links for popular calendar services
- How to Target Email Clients - CSS selectors to help you target and style emails for specific email clients
Plugins
- tailwindcss-mso - a Tailwind CSS plugin that generates MSO utilities
- tailwindcss-email-variants - Tailwind CSS plugin that provides variants for email client targeting hacks used in HTML emails.
- tailwindcss-box-shadow - Tailwind CSS plugin that generates shadow utilities exactly as you have them defined in your
themeconfig.
Presets
- tailwindcss-preset-email - a Tailwind CSS config preset that changes some utility classes to use values that are better supported in email clients. It also includes all of the plugins above and is used by default in Maizzle.
* indicates an affiliate link, which means we get a small commission if you purchase something on that site after clicking it (it does not affect the price you pay).