zen-labss / fly

Emails writing in React, Vue and Angular.

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

fly's Issues

CLI Boilerplate

I need Boilerplate for Vue and React in CLI.

Motivation

It's very hard for user configure rollup and packages for zero, it very caotic.

Support Vue3

• Render
• Components
• Bundler

Support Blazor

• Render
• Components
• Bundler

Support TailwindCss

Automate Github Actions to Build packages

README's for packages

README explain the packages, how bundle work, how core work, how convert .(jsx, vue) to html....

Figma file for copy cover, logo and typography.

Support React

• Render
• Components
• Bundler

Bundler HTMl for Vue

Bundle for convert Vue3 to HTML, for send emails in Vue3.

Support Vue

Support Vue3, write and agnostic.

Support Angular

Support React

Support Angular

• Render
• Components
• Bundler

Integration PHPMailer/Laravel

Integration for PHPMailer and Laravel Mail, like that Nodemailer.

Today, have a example for generate multiple Vue files in HTML, work 100% in PHPMailer. But, integration is not finished.

• Convert multiple files in HTML
• Automating compiler and sending of e-mails
• Test in Laravel