Tools, templates and React components for building emails: write in Markdown, get responsive HTML or React email templates out.
📖 Documentation: llazyemail.github.io/documentation · Source on GitHub
| I want to... | Go to |
|---|---|
| Convert Markdown to email | Main project |
| Browse every repository | Repository index |
| Use React email components | React design system |
| Start a new template | Starters & templates |
| Learn how it all works | Learning resources |
| See similar projects | Related projects |
markdown-to-email is the core engine. It parses Markdown and renders responsive HTML or React email templates.
Where to look in the code
npm modules used by markdown-to-email
"atherdon-callbacks": "^1.10.0",
"atherdon-newsletter-html-replacer": "^0.4.0",
"atherdon-newsletter-js-layouts": "^1.5.1",
"atherdon-newsletter-react": "^1.0.11",
"atherdon-newsletter-react-replacer": "^0.4.0",
"atherdon-old-newsletter-js-outertemplate": "^2.4.0",
"markup-generator": "^0.4.0",
| Repository | Description |
|---|---|
| markdown-to-email | Core engine for transforming Markdown into responsive HTML/React email templates |
| markup-generator | File output and markup-writing generator utility |
| generator-markdown-to-html | Generator module for Markdown to HTML |
| markdown-regex | Regex constants for parsing Markdown syntax |
| template-object | Factory object for display classes, helps manage email template displays |
| amazon-ses-service | AWS SES sending integration |
| Repository | Description |
|---|---|
| react-email-template | Core React components for structural email layouts (the "React One" template) |
| react-email-table | Cross-client HTML table wrappers for React emails |
| react-email-typography-components | Components for structured email typography |
| react-email-miscellaneous-components | Miscellaneous React helpers for email layouts |
| react-email-letter-components | Letter-style components for email creation |
| react-sendgrid-form | Form component integration for SendGrid |
| email-template-react | React email template |
| nextjs-preview | Next.js preview app for templates |
| Repository | Description |
|---|---|
| default-email-template | General email boilerplate, good for cloning |
| generator-module | Example generator module for cloning |
| replacer | Example replacer module for cloning |
| pixel-email-cli | Example CLI for cloning |
| template-typography | Starter for custom email typography packages |
| free-email-templates-to-try | Free, ready-to-use HTML email templates |
| react-plain-template-example | Plain JavaScript and React DOM template example |
| remix-ecommerce-react-email-template | E-commerce email starter built with React |
| Repository | Description |
|---|---|
| hn_email_template | HN template |
| mjml-email-template | MJML version |
| nomoretogo_email_template | NMTG version |
| _trying-lit | Plain JS template (atherdon-old-newsletter-js-outertemplate) |
| Repository | Description |
|---|---|
| _trying_simple_tags | Sandbox for HTML/tag parsing |
| awesome-email-marketing | Curated list of email marketing tools, articles and frameworks |
- Build your email templates with React
- Creating email templates with React components
- HTML Email Basics
- How to build emails with React
- Build a Reusable Design System With React
- Create elegant HTML email templates using React
- React-email-editor
Building templates and components
Email marketing and strategy
Tools, lists and glossary
- Designing Error Messages and a Logging Strategy in Node.js
- Comparing Node.js logging tools
- npmlog
- How to use levels function in Logger
- How to handle log events with the npmlog library?
- markdownlint
- Mintlify docs
Worth a look for ideas and comparison: