Skip to content
ENالعربية

Email templates

Get Ritla UI

Four transactional emails, a transfer receipt, a welcome, a security alert and a monthly statement, built to render the same in Gmail, Outlook and Apple Mail, in English and Arabic.

Open in Figma

Preview

Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.

EnglishMirroredArabic
DesktopMobile
LTR →

Examples

Welcome

EnglishMirroredArabic
DesktopMobile
LTR →

Security alert

EnglishMirroredArabic
DesktopMobile
LTR →

Monthly statement

EnglishMirroredArabic
DesktopMobile
LTR →

Installation

  1. Add the block

    npx ritla add email-templates

    Also works with shadcn: npx shadcn@latest add @ritla/email-templates

Pricing

Arabic and RTL notes

Mirrors

  • The whole email reads right to left: dir and lang sit on the email itself, not only on the page around it, so mail clients keep them.
  • Detail labels sit on the right and their values on the left; the checklist's checks lead on the right.

Does not mirror

  • The logo keeps its shape; the Arabic lockup replaces the English one.
  • References stay left to right inside Arabic rows.
Numerals
Amounts arrive formatted: JOD with three decimals, JOD 25.000 in English and 25.000 د.أ in Arabic, as Figma writes them.
Mixed-direction text
References are wrapped in a left-to-right isolate (ltr() in copy.ts), the one bidi tool every mail client keeps. Arabic amounts and dates are not: written as 25.000 د.أ and 28 سبتمبر 2026, they read right in their natural order, and an isolate would move the currency and the month.