├── .editorconfig ├── .github ├── logo-dark.svg └── logo-light.svg ├── .gitignore ├── README.md ├── _dist └── emails │ ├── confirmation.html │ ├── email-change.html │ ├── invitation.html │ └── password-recovery.html ├── components ├── button.html ├── divider.html ├── footer.html ├── spacer.html └── v-fill.html ├── config.js ├── config.production.js ├── emails ├── confirmation.html ├── email-change.html ├── invitation.html └── password-recovery.html ├── layouts └── main.html ├── package.json └── tailwind.config.js /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | indent_style = space 5 | indent_size = 2 6 | end_of_line = lf 7 | charset = utf-8 8 | trim_trailing_whitespace = true 9 | insert_final_newline = true 10 | -------------------------------------------------------------------------------- /.github/logo-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /.github/logo-light.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | build_local 3 | .vscode 4 | .idea 5 | Thumbs.db 6 | .DS_Store 7 | npm-debug.log 8 | yarn-error.log 9 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
2 |

3 | 4 | Maizzle 5 | 6 | 7 | Maizzle 8 | 9 |

10 |

Netlify Identity Starter

11 |
12 | 13 | # About 14 | 15 | HTML email templates for [Netlify Identity](https://www.netlify.com/docs/identity/), built with [Tailwind CSS](https://tailwindcss.com/) in [Maizzle](https://maizzle.com). 16 | 17 | ## Getting started 18 | 19 | Use the wizard to create a new Maizzle project: 20 | 21 | ```bash 22 | npx create-maizzle 23 | ``` 24 | 25 | When prompted to select a Starter, choose **Custom ➜ Git** and then type `maizzle/starter-netlify-identity`. 26 | 27 | ## Development 28 | 29 | Start a local development server: 30 | 31 | ``` 32 | npm run dev 33 | ``` 34 | 35 | Build for production: 36 | 37 | ``` 38 | npm run build 39 | ``` 40 | 41 | ## Documentation 42 | 43 | Maizzle documentation is available at https://maizzle.com 44 | -------------------------------------------------------------------------------- /_dist/emails/confirmation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 22 | Confirm your signup 23 | 24 | 25 | 26 | 50 | 51 | 52 |
53 | 54 | 55 | 104 | 105 |
56 | 57 | 58 | 63 | 64 | 65 | 101 | 102 |
59 |

60 | Confirm your signup 61 |

62 |
66 | 67 | 68 | 84 | 85 | 86 | 87 | 88 | 89 | 98 | 99 |
69 |

70 | Hey there, 71 |

72 |

73 | Follow this link to confirm your account: 74 |

75 | 76 | 83 |
90 |

Powered by Maizzle

91 |

Quickly build HTML emails with utility-first CSS

92 |

93 | Docs • 94 | Github • 95 | Twitter 96 |

97 |
100 |
103 |
106 |
107 | 108 | -------------------------------------------------------------------------------- /_dist/emails/email-change.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 22 | Confirm Change of Email 23 | 24 | 25 | 26 | 46 | 47 | 48 |
49 | 50 | 51 | 100 | 101 |
52 | 53 | 54 | 59 | 60 | 61 | 97 | 98 |
55 |

56 | Confirm Change of Email 57 |

58 |
62 | 63 | 64 | 80 | 81 | 82 | 83 | 84 | 85 | 94 | 95 |
65 |

66 | Hey there, 67 |

68 |

69 | Follow this link to confirm the update of your email from {{ .Email }} to {{ .NewEmail }}: 70 |

71 | 72 | 79 |
86 |

Powered by Maizzle

87 |

Quickly build HTML emails with utility-first CSS

88 |

89 | Docs • 90 | Github • 91 | Twitter 92 |

93 |
96 |
99 |
102 |
103 | 104 | -------------------------------------------------------------------------------- /_dist/emails/invitation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 22 | You have been invited 23 | 24 | 25 | 26 | 46 | 47 | 48 |
49 | 50 | 51 | 100 | 101 |
52 | 53 | 54 | 59 | 60 | 61 | 97 | 98 |
55 |

56 | You have been invited 🎉 57 |

58 |
62 | 63 | 64 | 80 | 81 | 82 | 83 | 84 | 85 | 94 | 95 |
65 |

66 | Hey there, 67 |

68 |

69 | You have been invited to create a user on {{ .SiteURL }}. Follow this link to accept the invite: 70 |

71 | 72 | 79 |
86 |

Powered by Maizzle

87 |

Quickly build HTML emails with utility-first CSS

88 |

89 | Docs • 90 | Github • 91 | Twitter 92 |

93 |
96 |
99 |
102 |
103 | 104 | -------------------------------------------------------------------------------- /_dist/emails/password-recovery.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 22 | Reset Password 23 | 24 | 25 | 26 | 46 | 47 | 48 |
49 | 50 | 51 | 100 | 101 |
52 | 53 | 54 | 59 | 60 | 61 | 97 | 98 |
55 |

56 | Reset Password 57 |

58 |
62 | 63 | 64 | 80 | 81 | 82 | 83 | 84 | 85 | 94 | 95 |
65 |

66 | Hey there, 67 |

68 |

69 | Follow this link to reset the password for your account: 70 |

71 | 72 | 79 |
86 |

Powered by Maizzle

87 |

Quickly build HTML emails with utility-first CSS

88 |

89 | Docs • 90 | Github • 91 | Twitter 92 |

93 |
96 |
99 |
102 |
103 | 104 | -------------------------------------------------------------------------------- /components/button.html: -------------------------------------------------------------------------------- 1 | 40 | 41 |
42 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 |
56 | -------------------------------------------------------------------------------- /components/divider.html: -------------------------------------------------------------------------------- 1 | 69 | 70 |
‍
71 | -------------------------------------------------------------------------------- /components/footer.html: -------------------------------------------------------------------------------- 1 |

Powered by Maizzle

2 |

Quickly build HTML emails with utility-first CSS

3 |

4 | Docs • 5 | Github • 6 | Twitter 7 |

8 | -------------------------------------------------------------------------------- /components/spacer.html: -------------------------------------------------------------------------------- 1 | 18 | 19 | 20 |
‍
24 | 25 | 26 |
‍
27 | 28 | -------------------------------------------------------------------------------- /components/v-fill.html: -------------------------------------------------------------------------------- 1 | 19 | 20 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /config.js: -------------------------------------------------------------------------------- 1 | /* 2 | |------------------------------------------------------------------------------- 3 | | Development config https://maizzle.com/docs/environments/#local 4 | |------------------------------------------------------------------------------- 5 | | 6 | | The exported object contains the default Maizzle settings for development. 7 | | This is used when you run `maizzle build` or `maizzle serve` and it has 8 | | the fastest build time, since most transformations are disabled. 9 | | 10 | */ 11 | 12 | /** @type {import('@maizzle/framework').Config} */ 13 | export default { 14 | build: { 15 | content: ['emails/**/*.html'], 16 | }, 17 | } 18 | -------------------------------------------------------------------------------- /config.production.js: -------------------------------------------------------------------------------- 1 | /* 2 | |------------------------------------------------------------------------------- 3 | | Production config https://maizzle.com/docs/environments/#production 4 | |------------------------------------------------------------------------------- 5 | | 6 | | This is where you define settings that optimize your emails for production. 7 | | These will be merged on top of the base config.js, so you only need to 8 | | specify the options that are changing. 9 | | 10 | */ 11 | 12 | /** @type {import('@maizzle/framework').Config} */ 13 | export default { 14 | build: { 15 | output: { 16 | path: '_dist', 17 | }, 18 | }, 19 | css: { 20 | inline: true, 21 | purge: true, 22 | shorthand: true, 23 | }, 24 | prettify: true, 25 | } 26 | -------------------------------------------------------------------------------- /emails/confirmation.html: -------------------------------------------------------------------------------- 1 | --- 2 | title: Confirm your signup 3 | bodyClass: bg-gray-200 4 | --- 5 | 6 | 7 | 8 | 9 | 51 | 52 |
10 | 11 | 12 | 17 | 18 | 19 | 48 | 49 |
13 |

14 | Confirm your signup 15 |

16 |
20 | 21 | 22 | 37 | 38 | 39 | 40 | 41 | 42 | 45 | 46 |
23 |

24 | Hey there, 25 |

26 | 27 |

28 | Follow this link to confirm your account: 29 |

30 | 31 | 32 | 33 | 34 | Confirm your email → 35 | 36 |
43 | 44 |
47 |
50 |
53 | 54 | -------------------------------------------------------------------------------- /emails/email-change.html: -------------------------------------------------------------------------------- 1 | --- 2 | title: Confirm Change of Email 3 | bodyClass: bg-gray-200 4 | --- 5 | 6 | 7 | 8 | 9 | 51 | 52 |
10 | 11 | 12 | 17 | 18 | 19 | 48 | 49 |
13 |

14 | Confirm Change of Email 15 |

16 |
20 | 21 | 22 | 37 | 38 | 39 | 40 | 41 | 42 | 45 | 46 |
23 |

24 | Hey there, 25 |

26 | 27 |

28 | Follow this link to confirm the update of your email from {{ .Email }} to {{ .NewEmail }}: 29 |

30 | 31 | 32 | 33 | 34 | Change email → 35 | 36 |
43 | 44 |
47 |
50 |
53 | 54 | -------------------------------------------------------------------------------- /emails/invitation.html: -------------------------------------------------------------------------------- 1 | --- 2 | title: You have been invited 3 | bodyClass: bg-gray-200 4 | --- 5 | 6 | 7 | 8 | 9 | 51 | 52 |
10 | 11 | 12 | 17 | 18 | 19 | 48 | 49 |
13 |

14 | You have been invited 🎉 15 |

16 |
20 | 21 | 22 | 37 | 38 | 39 | 40 | 41 | 42 | 45 | 46 |
23 |

24 | Hey there, 25 |

26 | 27 |

28 | You have been invited to create a user on {{ .SiteURL }}. Follow this link to accept the invite: 29 |

30 | 31 | 32 | 33 | 34 | Accept the invite → 35 | 36 |
43 | 44 |
47 |
50 |
53 | 54 | -------------------------------------------------------------------------------- /emails/password-recovery.html: -------------------------------------------------------------------------------- 1 | --- 2 | title: Reset Password 3 | bodyClass: bg-gray-200 4 | --- 5 | 6 | 7 | 8 | 9 | 51 | 52 |
10 | 11 | 12 | 17 | 18 | 19 | 48 | 49 |
13 |

14 | Reset Password 15 |

16 |
20 | 21 | 22 | 37 | 38 | 39 | 40 | 41 | 42 | 45 | 46 |
23 |

24 | Hey there, 25 |

26 | 27 |

28 | Follow this link to reset the password for your account: 29 |

30 | 31 | 32 | 33 | 34 | Reset password → 35 | 36 |
43 | 44 |
47 |
50 |
53 | 54 | -------------------------------------------------------------------------------- /layouts/main.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 23 | 24 | {{{ page.title }}} 25 | 26 | 27 | 28 | 29 | 37 | 38 | 39 | 40 | 41 | 45 | 46 |
47 | 48 |
49 | 50 | 51 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "type": "module", 4 | "scripts": { 5 | "dev": "maizzle serve", 6 | "build": "maizzle build production" 7 | }, 8 | "dependencies": { 9 | "@maizzle/framework": "latest", 10 | "tailwindcss-preset-email": "latest" 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | presets: [ 4 | require('tailwindcss-preset-email'), 5 | ], 6 | content: [ 7 | './components/**/*.html', 8 | './emails/**/*.html', 9 | './layouts/**/*.html', 10 | ], 11 | } 12 | --------------------------------------------------------------------------------