Write Beautiful Email Templates in React

Example Code

It was incredibly simple to create that email. You can find the code here but since it's so short, I'll just include it here:

import { 
  MjmlText,
  MjmlButton,
} from "@luma-team/mjml-react";

import { BaseEmail } from "./BaseEmail";

export const SimpleEmail = () => {
  return (
    <BaseEmail>
      <MjmlText>
        <p>
          Dear Mr. Pontis,
        </p>

        <p>
          Here is a very simple email with a button.
        </p>
      </MjmlText>

      <MjmlButton href={"https://lu.ma"} align={"left"}>
        Click Me!
      </MjmlButton>
    </BaseEmail>
  );
};

Write Beautiful Email Templates in React

Example Email

Example Code

Test It Out