Elements
Elements is a free, open-source email template collection built with React, Next.js and HTML. React components for transactional emails, landing pages, invoices and PDFs: email-safe HTML, responsive web HTML, and print-ready PDF HTML from one component tree. It has 414 GitHub stars and is released under the MIT license.
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit unlayer/elements my-emails
cd my-emails
npm install # then run the dev script from the READMEgit clone --depth 1 https://github.com/unlayer/elements.git my-emailsSources: GitHub docs on template repositories, degit.
About Elements
Write once in React. Render emails, web pages, and PDFs from the same component tree. Unlayer Elements is an open-source React component library for transactional emails, email templates, landing pages, invoices, reports, documents, and PDFs. Build content once and render it across three output modes:
Built with
- React
- Next.js
- HTML
- TypeScript
Similar templates
More email templates
React Email Editor
unlayer/react-email-editor
Drag-n-Drop Email Editor Component for React.js.
Email templatesTypeScriptCerberus
emailmonday/Cerberus
Simple, but solid patterns for responsive HTML email templates and newsletters.
Email templatesHTMLMosaico
voidlabs/mosaico
Mosaico - Responsive Email Template Editor.
Email templatesHTMLMysigmail
antonreshetov/mysigmail
A free and open-source email signature generator for Gmail, Outlook, Apple Mail, etc.
Email templatesVueEmail Templates
ColorlibHQ/email-templates
Free HTML email templates for Mailchimp and other emails services.
OfficialEmail templatesHTMLVue Email
vue-email/vue-email
Write email templates with vue.
Email templatesTypeScript
What is Elements?
Elements is a free, open-source email template collection built with React, Next.js and HTML. React components for transactional emails, landing pages, invoices and PDFs: email-safe HTML, responsive web HTML, and print-ready PDF HTML from one component tree. It has 414 GitHub stars and is released under the MIT license.
How do I use Elements?
Copy the files into a new folder with npx degit unlayer/elements my-emails (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use Elements for commercial projects?
Yes. Elements is released under the MIT license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is Elements maintained?
The repository's most recent commit was on Oct 4, 2026. Its latest release is v0.1.22. appsgit only lists templates from repositories with a commit in the last six months.