> ## Documentation Index > Fetch the complete documentation index at: https://novu-c5de82d9-docs-homepage-redesign.mintlify.site/llms.txt > Use this file to discover all available pages before exploring further. # 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 theme={null} 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 theme={null} function Email(props) { return ( ); } export function renderEmail(inputs) { return render(); } ``` Define your workflow using the above template ```tsx theme={null} 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), } }); }); ```