Building Emails doesn't have to be Painful.
Develop standards compliant emails with JSX or TSX with a delightful Developer Exprience — Compatible with the most popular email clients
Quick Start
Use JSX email to build production-ready email templates with React and TypeScript. If this is a new project, scaffold it with `npx create-mail@latest`; if this is an existing project, install with `pnpm add jsx-email`. Prefer JSX email components and helpers from `jsx-email` for email-client compatibility, use `render` to generate HTML strings for providers like Resend, Postmark, SendGrid, Nodemailer, AWS SES, Loops, or Plunk, and use the CLI preview/check/build workflow while developing. Favor simple, standards-compliant email markup, account for inconsistent email client CSS support, use the `Tailwind` component when utility styling is helpful, and run `email check` before sending when compatibility matters. For complete agent-readable documentation, fetch https://jsx.email/llms-full.txt before implementing. Reference the human docs at https://jsx.email/docs/introduction and https://jsx.email/docs/quick-start.
Compatibility is complicated,
JSX email makes it simple.
Emails make heavy use of <table> based layouts for compatibility, JSX email has you covered with over 20 custom components you can use directly in your email templates.
Components
Style with your tools.
Style your components your way using CSS-in-JS or TailwindCSS / UnoCSS.
Styling Guide
Check compatibility.
Test the compatibility of your CSS with a single command.
CLI: Check $ pnpm email check ./templates
Use anywhere.
Use JSX email as your email templating solution for Nuxt, Next, Astro, Express, Koa, and even with backends & services that don't use JS/TS.
May 8, 2026
shellscape May 6, 2026
May 2, 2026
Apr 21, 2026
![charliecreates[bot]](https://avatars.githubusercontent.com/in/1140780?v=4)
charliecreates[bot] Apr 19, 2026
Apr 17, 2026