react-html-email - Create elegant HTML email templates using React.

  •        194

Modern HTML emails are a tangle of archaic HTML and inline styles. This library encapsulates the cruft into simple React components and helps avoid common pitfalls. react-html-email provides a set of components for a standard 600px table layout (inspired by HTML Email Boilerplate). React's Supported Tags and Attributes are extended to include a few deprecated attributes useful for legacy clients. In addition, a style prop validator is included which uses Campaign Monitor's CSS Support Guide to check for potential compatibility issues across email clients.

https://github.com/chromakode/react-html-email

Dependencies:

prop-types : ^15.5.10

Tags
Implementation
License
Platform

   




Related Projects

oy - Render HTML emails on the server with React.

  •    Javascript

For those migrating from previous Oy versions, note that bgColor is now bgcolor and vAlign is valign. If Oy's default template doesn't work for you, you can make your own. generateCustomTemplate takes in templateOptions with an additional property bodyContent, which is the rendered body HTML to be inserted into your template. It then returns a string that should be the final email HTML sent to users.

html-to-react-components - Converts HTML pages into React components

  •    Javascript

Extract annotated portions of HTML into React components as separate modules. The structure of HTML is preserved by importing child components and replacing appropriate pieces of HTML with them. As a result you get an entire components tree ready to be rendered. This utility was designed to free React developers from a boring task of translating HTML into components.

responsive-html-email-template - A free simple responsive HTML email template

  •    HTML

Sometimes all you want is a really simple responsive HTML email template. Here it is. See live preview.

responsive-html-email-template - Responsive HTML email template designed to work on all major email platforms and smartphones

  •    HTML

This template is designed to work on all major email platforms. It is built with media query, making it responsive for smartphones that support media query. It serves as a foundation that has been tested and thoroughly reviewed for compatibility, making it very easy to customize and make changes. Using MailChimp's html email template (blue-print) as the foundation, this template is an improved version with more row options, redefined structure and many fixes for Outlook, Yahoo, Hotmail, Gmail, e.t.c.

react-native-htmlview - A React Native component which renders HTML content as native views

  •    Javascript

A component which takes HTML content and renders it as native views, with customisable style and handling of links, etc. If you're getting the error "undefined is not an object (evaluating 'RCTLinkingManager.openURL’)” from the LinkingIOS API, try adding ‘RCTLinking' to the project's 'Linked Frameworks and Libraries’. You might have to find RCTLinking.xcodeproj in the react-native package dir and drag that into your main Xcode project first.


react-native-render-html - iOS/Android pure javascript react-native component that renders your HTML into 100% native views

  •    Javascript

An iOS/Android pure javascript react-native component that renders your HTML into 100% native views. It's made to be extremely customizable and easy to use and aims at being able to render anything you throw at it. Based on the original work of Thomas Beverley, props to him.

react-magic - Automatically AJAXify plain HTML with the power of React. It's magic!

  •    Javascript

React-Magic is an experimental library that uses the power of Facebook's React library to inject AJAX-loading goodness into plain old HTML webpages, without having to write any custom JavaScript. You can even use CSS transitions between the pages. Simply add a single script tag (or click a bookmarklet) and "it just works".HTMLtoJSX is a component of React-Magic that converts HTML to JSX. It can be used standalone, either on the web or via Node.js.

Cerberus - A few simple, but solid patterns for responsive HTML email templates and newsletters

  •    HTML

Coding regular emails is hard enough by itself. Making them responsive shouldn't add to the headache. A few simple, but solid patterns are all that's needed to optimize emails for small screens. That's what Cerberus is.

react-redux-blog - A sample React Redux CRUD app

  •    Javascript

####Preventing Emails From Getting Blocked by GMail, Yahoo etc. NOTE: In order to send email via PostMark or Sendgrid, you need to verify sender's email(from address). In PostMark you can do that by setting your company or other private email(e.g. raja@rao.com) and verifying that. Then you can use THAT company or private email(e.g. raja@rao.com) in the FROM address. #Running Locally You need two terminal windows open, one for client and the other for server.

learn-to-send-email-via-google-script-html-no-server - :email: An Example of using an HTML form (e

  •    HTML

A Step-by-Step Example of using an HTML Form to send a "Contact Us" Message via Email without a Backend Server using a Google Script - No PHP, Python, Ruby, Java, Node.js etc. Warning: Google's API has limits on how many emails it can send in a day. This may vary on your Google account, see the limits here. We recommend implementing this tutorial through Part 3, since the data will always be added to the spreadsheet first, then emailed if possible.

transactional-email-templates - Responsive transactional HTML email templates

  •    HTML

Transactional HTML emails often get neglected. Styling HTML email is painful. Tables, inline CSS, unsupported CSS, desktop clients, web clients, mobile clients, various devices, various providers.We’ve tried to remove some of the pain for you and open-sourced a collection of common templates for transactional email.

HTML Code Editor Add-in for Outlook 2010 & Outlook 2013

  •    

For e-mail programmers, native HTML coding is a standard procedure to create an HTML e-mail. It's Outlook add-in to enable native HTML code editing on Outlook.

foundation-emails - Quickly create responsive HTML emails that work on any device and client

  •    HTML

Foundation for Emails (previously known as Ink) is a framework for creating responsive HTML emails that work in any email client — even Outlook. Our HTML/CSS components have been tested across every major email client to ensure consistency. And with the Inky templating language, writing HTML emails is now even easier. The main way to get started is with our email template stack. To use the stack, you'll need Node.js installed on your machine.

react-native-webview-android - Simple React Native Android module to use Android's WebView inside your app

  •    Java

Simple React Native Android module to use Android's WebView inside your app (with experimental html file input support to handle file uploads in forms). If you need to see the install instructions for older React Native versions look here.

salted - Salted: A responsive email template

  •    HTML

Creating HTML email that renders well across most clients is surprisingly hard, especially when you want it to be responsive. Salted is a responsive email template that tries to make things easier. Based on code originally developed by Kevin Mandeville and used in the Litmus email newsletters, Salted provides a base on which to build responsive HTML emails.

email-templates - Responsive HTML email templates

  •    HTML

Responsive HTML email templates with Sketch app resources and a social media icons set. Compatible with all major email clients, including Outlook 2013 for Windows and Gmail for mobile (responsiveness without media queries). Compatibility checklist attached. Live preview available on CodePen. Well commented and readable code. Editable values are indented and submitted to a new line.

email-lab - 📩 Starter project for designing and testing HTML email templates

  •    Javascript

This a project for developing and testing email templates. It uses Grunt, a command-line build tool, to streamline and simplify the creation of email templates. Email template can be built with re-usable components (like header and footer) and can be styled using traditional CSS or Sass that will be compiled into normal CSS. The build tool will convert these traditional styling rules into embedded and inlined styles required for HTML in most email clients. See the tools section below for more information.

react-helmet - A document head manager for React

  •    Javascript

This reusable React component will manage all of your changes to the document head. Helmet takes plain HTML tags and outputs plain HTML tags. It's dead simple, and React beginner friendly.

inky - Convert a simple HTML syntax into tables compatible with Foundation for Emails.

  •    Javascript

Inky is an HTML-based templating language that converts simple HTML into complex, responsive email-ready HTML. Designed for Foundation for Emails, a responsive email framework from ZURB. Inky can be used standalone, as a Gulp plugin, or with a CLI. You can also access the Inky parser class directly.

react-native-facebook-login - React Native component wrapping the native Facebook SDK login button and manager

  •    Objective-C

<FBLogin /> provides a React Native component wrapping the native Facebook SDK login button and manager. Note: Demo above includes debug text to confirm login (i.e. user name, email and access token). <FBLogin />, by default, will only display the native blue 'Log in with Facebook' button.