mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 05:06:55 +04:00
45 lines
2.3 KiB
Plaintext
45 lines
2.3 KiB
Plaintext
---
|
|
title: Tabler Emails
|
|
seoTitle: Premium email templates
|
|
order: 4
|
|
description: Customizable email templates for over 90 clients and devices.
|
|
summary: Tabler Emails is a set of 80 customizable HTML email templates, tested in more than 90 email clients and devices.
|
|
seoDescription: Tabler Emails is a set of 80 customizable HTML email templates, tested in more than 90 email clients and devices.
|
|
---
|
|
|
|
import { Image } from 'astro:assets'
|
|
import coverLight from '../../images/cover-emails.jpg'
|
|
import coverDark from '../../images/cover-emails-dark.jpg'
|
|
|
|
<figure>
|
|
<Image src={coverLight} alt="Tabler Emails" class="hide-theme-dark" width={800} densities={[1, 2]} loading="eager" />
|
|
<Image src={coverDark} alt="Tabler Emails" class="hide-theme-light" width={800} densities={[1, 2]} loading="eager" />
|
|
</figure>
|
|
|
|
Tabler Emails is a package of 80 ready-to-use HTML email templates - transactional messages like welcome, password reset or invoice, and marketing layouts. Each template is tested in more than 90 email clients and devices, so your messages look right everywhere.
|
|
|
|
## What's inside
|
|
|
|
Every template lives in its own folder and comes in four variants, plus screenshots for a quick preview:
|
|
|
|
```text
|
|
tabler-emails/emails/welcome/
|
|
├── compiled.html ← ready to send, styles inlined
|
|
├── compiled-dark.html ← the same, in the dark color scheme
|
|
├── source.html ← editable source, for customization
|
|
├── source-dark.html
|
|
├── assets/ ← images used by this template
|
|
└── screenshot.jpg
|
|
```
|
|
|
|
The `compiled` files have all styles inlined and work as-is in email clients. The `source` files are easier to read and edit - use them when you want to change the layout, then inline the styles before sending.
|
|
|
|
## Quick start
|
|
|
|
1. Pick a template folder - for example `emails/welcome/`.
|
|
2. Open `compiled.html` and replace the texts, links and logo with your own.
|
|
3. Upload the images from `assets/` to your server or CDN and update their URLs.
|
|
4. Paste the result into your email provider or send it through your backend.
|
|
|
|
No build step is required for the compiled templates. Read about the [package contents](/emails/contents), use the [compiled templates](/emails/compiled-html) as they are, or customize the [source files](/emails/source-html) to match your brand.
|