You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
A collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript.
It reduces the pain of coding responsive emails with dark mode support. It also takes care of inconsistencies between Gmail, Outlook, and other email clients for you.
Why
We believe that email is an extremely important medium for people to communicate. However, we need to stop developing emails like 2010, and rethink how email can be done in 2022 and beyond. Email development needs a revamp. A renovation. Modernized for the way we build web apps today.
Install
Install one of the components from your command line.
With yarn
yarn add @react-email/components -E
With npm
npm install @react-email/components -E
With pnpm
pnpm install @react-email/components -E
Getting started
Add the component to your email template. Include styles where needed.
import{Button}from"@react-email/components";constEmail=()=>{return(<Buttonhref="https://example.com"style={{color: "#61dafb"}}>
Click me
</Button>);};
Components
A set of standard components to help you build amazing emails without having to deal with the mess of creating table-based layouts and maintaining archaic markup.