> ## Documentation Index
> Fetch the complete documentation index at: https://docs.transmit.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Email Templates

> Create and manage reusable email templates

## Creating Templates

Transmit supports both HTML and React Email templates for consistent, reusable email designs.

## Using Templates

```typescript theme={null}
const response = await client.emails.send({
  from: 'hello@yourdomain.com',
  to: 'user@example.com',
  templateId: 'welcome-email',
  variables: {
    name: 'John Doe',
    confirmationUrl: 'https://example.com/confirm'
  }
});
```

## Template Variables

Use Handlebars syntax in your templates:

```html theme={null}
<h1>Hello {{name}}!</h1>
<p>Click <a href="{{confirmationUrl}}">here</a> to confirm your email.</p>
```

## React Email Templates

Create type-safe templates with React Email:

```tsx theme={null}
import { Button, Html } from '@react-email/components';

export default function WelcomeEmail({ name, confirmationUrl }) {
  return (
    <Html>
      <h1>Hello {name}!</h1>
      <Button href={confirmationUrl}>Confirm Email</Button>
    </Html>
  );
}
```

## Managing Templates

Create and manage templates in the [Dashboard](https://transmit.dev/dashboard/templates).

<CardGroup cols={2}>
  <Card title="Template Editor" href="https://transmit.dev/dashboard/templates/new">
    Create templates with our visual editor
  </Card>

  <Card title="View Templates" href="https://transmit.dev/dashboard/templates">
    Browse your saved templates
  </Card>
</CardGroup>
