Skip to main content

Documentation Index

Fetch the complete documentation index at: https://react.email/docs/llms.txt

Use this file to discover all available pages before exploring further.

Email clients have this concept of “preview text” which gives insight into what’s inside the email before you open. A good practice is to keep that text under 90 characters.

​
Install

Install component from your command line. 
npm install react-email -E

​
Getting started

Add the component to your email template. Include styles where needed. 
import { Preview } from "react-email";

const Email = () => {
  return <Preview>Email preview text</Preview>;
};

​
Support

All components were tested using the most popular email clients.
GmailGmail
Apple MailApple Mail
OutlookOutlook
Yahoo! MailYahoo! Mail
HEYHEY
SuperhumanSuperhuman