> ## Documentation Index > Fetch the complete documentation index at: https://v0.x-docs.novu.co/llms.txt > Use this file to discover all available pages before exploring further. # Svelte E-mail Integrating Novu Framework with [Svelte email](https://react.email/) for your Svelte application can be done in three steps. If you don't have an app, you can [clone our Svelte example](https://github.com/novuhq/novu-svelte-email). Install the required Svelte email components. ```bash theme={null} npm i svelte-email ``` Create an `emails` folder in the `src/lib` directory of your Svelte app. Create a new `sample-email.svelte` file for your email template. ```ts theme={null}

{firstName}, welcome to svelte-email A Svelte component library for building responsive emails

Happy coding!

Carsten Lebek

``` Define your Workflow using the above template ```tsx theme={null} import WelcomeEmail from '$lib/emails/sample-email.svelte'; import { render } from 'svelte-email'; import { workflow } from '@novu/framework'; workflow('new-signup', async ({ step, payload }) => { await step.email( 'send-email', async (inputs) => { const html = render({ template: WelcomeEmail, props: { firstName: 'John', }, }); return { subject: `Welcome to Svelte E-mail`, body: html, } }); } ); ```