JSX Email

Plunk is the official email partner of JSX Email

Create it!

Write your email template in JSX. Customize it with your own styles and components.

import { Section, Button } from "jsx-email";

export const Email = ({ url }) => {
  return (
    <Section>
      <Button href={url}>Click me!</Button>
    </Section>
  );
};

Convert it!

Write your email template in JSX. Customize it with your own styles and components.

import { render } from "jsx-email";
import { Email } from "./email";

const body = render(<Email url={"https://useplunk.com"} />);

Send it!

Write your email template in JSX. Customize it with your own styles and components.

import Plunk from "@plunk/node";

const plunk = new Plunk(process.env.PLUNK_API_KEY);

plunk.emails.send({
  to: "hello@useplunk.com",
  subject: "Hello world!",
  body,
});