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

Integrations

Support

Components compatible with your best client email.

Gmail logo Apple Mail Outlook logo Yahoo! Mail logo
Gmail ✔ Apple Mail ✔ Outlook ✔ Yahoo! Mail ✔

Contributors

Top categories

Loading Svelte Themes