https://github.com/theryston/jsx-mail

Building the future of email with JSX syntax
https://github.com/theryston/jsx-mail

backend email email-template javascipt jsx jsx-mail library

Last synced: 3 days ago
JSON representation

Building the future of email with JSX syntax

• Host: GitHub
• URL: https://github.com/theryston/jsx-mail
• Owner: Theryston
• License: mit
• Created: 2022-04-12T14:08:13.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-01-03T23:30:42.000Z (17 days ago)
• Last Synced: 2025-01-11T04:07:27.894Z (10 days ago)
• Topics: backend, email, email-template, javascipt, jsx, jsx-mail, library
• Language: TypeScript
• Homepage: https://jsxmail.org
• Size: 6.2 MB
• Stars: 351
• Watchers: 1
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![featured](https://i.imgur.com/O1jwOJo.png)



JSX Mail is an innovative and efficient framework for creating email templates using JSX syntax. Designed for high compatibility and ease of use, this framework offers a modern approach to developing responsive and attractive emails.



## Why JSX Mail

**Automatic Image Optimization and Hosting**

With JSX Mail, you don't have to worry about image hosting or optimization. It will automatically optimize and upload the image to [JSX Mail Cloud](https://docs.jsxmail.org/cloud/introduction). You can also [configure your own S3](https://docs.jsxmail.org/framework/image) very simply.

In the end, JSX Mail allows you to use an image in your email template in the same way as you do on the front-end with React. Here is a code example:

![image-use](https://github.com/Theryston/jsx-mail/assets/72868196/bd5dac34-a3e3-4668-b5a0-c17d5125dbc9)

**onRender Function**

Export an asynchronous function with the name `onRender` and it will run whenever your email template is rendered. This is ideal for performing database queries or other dynamic operations. Here is a code example:

![image](https://github.com/Theryston/jsx-mail/assets/72868196/a2f128e2-c9f9-4dd2-a777-c79b0a845a5f)

**Preview**

With JSX Mail you can see all the changes made to your email template in real time! Just type `jsxm preview` in your terminal and it will make a preview of all your email templates available at: [http://localhost:3256](http://localhost:3256)

**High Compatibility**

Every JSX tag and CSS property in JSX Mail is meticulously crafted to ensure full compatibility with the most popular email clients. This eliminates concerns about display issues across different platforms.

**No React Dependency**

JSX Mail has its own JSX runtime and does not rely on frameworks like React. This ensures greater security as each element is created and tested specifically for compatibility with email clients.

**Ease of Use**

The adoption of the popular JSX syntax makes JSX Mail extremely easy and intuitive to use, even for those new to email development.

**Componentization**

Just like React and other front-end frameworks, JSX Mail allows the use of separate components for each part of your email template, providing better organization and code reusability.

## Get Started Now

Ready to transform the way you develop emails? Visit our [website](https://jsxmail.org) for more information and start creating amazing email templates today!

## Documentation

For a deeper understanding of all features and how to make the most of JSX Mail, check out our [complete documentation](https://docs.jsxmail.org/introduction).

---

**JSX Mail**: Simplifying email development with technology and innovation.