Skip to content

yannxaver/jsx-email

 
 

Repository files navigation

Join our Discord libera manifesto

JSX email

JSX email JSX email provides a set of React components and helpers for building delightful and responsive email templates, compatible with modern email clients.

The components handle the heavy lifting of compatibility and client inconsistency so designers and developers can focus on building impactful and engaging templates.

Getting Started

Everything to know about the components, props, and usage is available within our Documentation Site. Please give that a read and let us know if there's anything we can help with.

Requirements

The packages and components that make up JSX email require an LTS Node version (v18.0.0+) and React v18.2.0+.


JSX email
Compatible with all modern email services

Components

A list of available components found here:

body
button
column
container
font
head
heading
hr
html
image
link
markdown
preview
row
section
tailwind
text

Helper Packages

A list of available helper packages found here:

all A package containing all available JSX email components
cli A CLI for working with Email Templates made with jsx-email
render Render JSX email components to HTML email

Service Integrations

Email built and rendered with JSX email can be used with any email provider that provides an API for sending email as a String. This includes AWS SES, Loops, Nodemailer, Postmark,Resend, and SendGrid.

Contributing, Working With This Repo

We 💛 contributions! After all, this is a community-driven project. We have no corporate sponsorship or backing. The maintainers and users keep this project going!

Please check out our Contribution Guide.

Attribution 🧡

This project was built upon prior work for react-email by Bu Kinoshita (@Joker) and Bruce Wayne (@Batman).

JSX email is a fork of react-email. The goals of this project are to provide an improved focus on Developer Experience, maintenance, fast improvements and fast releases. Improvements over react-email include:

  • Smoother Developer Experience (DX)
  • Better Command Line tools
  • Less complex, smoother Preview Server
  • Faster improvements and releases
  • Community-driven maintenance rather than company-planning priority
  • No vendor lock-in for tools. jsx-email uses only generic components and tools.

We (the maintainers) use the JSX email daily. This fork was originally created as a canary channel for fixes from pull requests and issues that had been left unaddressed. JSX email grew faster, and the upstream team didn't give the project the love we felt it needed. When our help wasn't accepted, we felt a new direction was needed.

License

MIT License

About

Build emails with a delightful DX

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 92.6%
  • JavaScript 2.7%
  • CSS 2.0%
  • Mustache 1.7%
  • Other 1.0%