> ## Documentation Index
> Fetch the complete documentation index at: https://docs.emailux.com/llms.txt
> Use this file to discover all available pages before exploring further.
# EmailUX Setup
> Create a brand-new with EmailUX.
## 1. Create directory
Create a new folder called `emailux-email-starter` and initialize a new npm project:
```sh theme={null}
mkdir emailux-email-starter
cd emailux-email-starter
npm init
```
## 2. Install dependencies
Install the EmailUX Email package locally and a few components.
```sh npm theme={null}
npm install @emailux/components
```
```sh yarn theme={null}
yarn add @emailux/components
```
```sh pnpm theme={null}
pnpm add @emailux/components
```
```sh bun theme={null}
bun add @emailux/components
```
## 3. Write an email template
Create a new folder called `emails`, create a file inside called `my-email.tsx`, and add the following code:
```jsx emails/email-template.tsx theme={null}
import { Button, Html, Body, Head } from "@emailux/components";
import * as React from "react";
export default function EmailTemplate({ name }) {
return (
Hello, {name}
);
}
```
## 4. Use the template to convert and send email
```jsx parser.tsx theme={null}
import EmailTemplate from 'emails/email-template';
import { getHtml } from "@emailux/components";
export default function hanlder(req, resp){
try{
// convert template to Html
const name = 'John';
const { html, error } = getHtml();
if(!error){
// handle error
}
// handle html
// send email `sendEmail(html)` using your provider like sendGrid or EmailUX
// ....
} catch (error){
}
}
```