# Remix & React Email (/framework/content/remix-react-email) Learn how to integrate React Email with Novu Framework in a Remix application Integrating Novu Framework with [React email](https://react.email/) for your Remix application can be done in three steps. If you don't have an app, you can [clone our Remix example](https://github.com/novuhq/novu-framework-remix-example). Install the required React email components. ```bash npm i @react-email/components react-email ``` Create an `emails` folder in the `app` directory of your Remix app. Create a new `sample-email.tsx` file for your email template. ```ts import { Button, Html } from "@react-email/components"; function Email(props) { return ( ); } export function renderEmail(inputs) { return render(); } ``` Define your workflow using the above template ```tsx import { renderEmail } from './sample-email.tsx'; import { workflow } from '@novu/framework'; workflow('new-signup', async ({ step, payload }) => { await step.email('send-email', async (inputs) => { return { subject: `Welcome to Remix and React E-mail`, body: renderEmail(inputs), } }); }); ```