Fly

Why

Writing emails is still difficult as 2010 with HTML and CSS Inline. Well, fly is a framework that generates code for your email in your best framework, write in .vue or .tsx, either way, an HTML build is 100% compatible with your email client.

Motivation

Well, the motivation is basically beacuse React emails, but React emails has a problem, it is only compatible with react... Well, why not be compatible with Vue, React, Angular? Everyone has to have access.

Install

With yarn

yarn add @fly-email/react -E

With npm

npm install @fly-email/react -E

Getting started

Add component generate in your email template.

import { Text } from "@fly-email/react";

const Email = () => {
  <Text
    style={{
      fontSize: "16px",
      color: "#0D1D52",
      fontWeight: "bold",
      textAlign: "center",
    }}
  >
    Hello, World
  </Text>;
};

Components

• Html (React, Vue)
• Button (React, Vue)
• Container (React, Vue)
• Img (React, Vue)
• Section (React, Vue)
• Text (React, Vue)
• Hr (React, Vue)

Integrations

• Nodemailer
• PhpMailer

Support

Components compatible with your best client email.

Gmail ✔	Apple Mail ✔	Outlook ✔	Yahoo! Mail ✔

Contributors

• Giovanni Soares