React Email integration

Design email in React. Send compiled output through NoticeAPI.

Keep your components, props, previews, and source control in the application you already ship. Render HTML and text in your runtime, then use NoticeAPI for delivery, project boundaries, domains, logs, webhooks, and recipient safeguards.

Send a React template Read the SDK guide
send-receipt.tsxreceipt.tsx
import { render } from "@react-email/render"
import { NoticeAPI } from "noticeapi"

const notice = new NoticeAPI(
  process.env.NOTICEAPI_API_KEY!
)

const html = await render(
  <Receipt order={order} />
)

await notice.emails.send({
  from: "[email protected]",
  to: customer.email,
  html
})
acceptedemail_01J... · acme-store

Code-owned templates

Your runtime renders. NoticeAPI sends and observes.

That boundary keeps arbitrary React out of the delivery backend and lets your normal application toolchain own component execution.

Components stay in source control

Use your existing React Email components, props, tests, and preview workflow.

Compiled output at send time

Render HTML and optional plain text in your trusted application runtime, then send the result.

Normal NoticeAPI evidence

Every send receives an id, recipient timeline, stored content, and optional signed webhook outcomes.

Learn more

Project-aware delivery

Use a project-bound key or include project context when one workspace operates several products.

Learn more

How it works

From component to recipient timeline in four calls.

There is no special rendering service between your component and the NoticeAPI send request.

  1. Install React Email

    Add @react-email/components and @react-email/render to the application that owns the template.

  2. Render the component

    Pass trusted application data into the component and render HTML and text in your runtime.

  3. Send through NoticeAPI

    Call the SDK or REST API with the compiled output, sender, recipient, subject, and idempotency key.

  4. Follow the outcome

    Read status from the API or subscribe to signed delivery, bounce, complaint, and suppression events.

Questions, answered

What builders ask before they switch.

Does NoticeAPI execute my React component?

No. Render the component in your application or build process. NoticeAPI receives compiled HTML and optional text for delivery.

Can I still use stored templates?

Yes. Dashboard and API-managed templates remain useful for content that should be editable outside the application. React Email is the code-owned path.

Keep the component model. Add the operating layer.

Use the tools React developers already understand while NoticeAPI handles the email infrastructure around the compiled message.

Get your API key See pricing