@react-email/components

@react-email/components

A collection of all components React Email.

Website · GitHub

Install

Install component from your command line.

With yarn

yarn add @react-email/components -E

With npm

npm install @react-email/components -E

Getting started

Add the component to your email template. Include styles where needed.

import { Heading } from "@react-email/components";

const Email = () => {
  return <Heading as="h1">Lorem ipsum</Heading>;
};

Support

This component was tested using the most popular email clients.

Gmail ✔	Apple Mail ✔	Outlook ✔	Yahoo! Mail ✔	HEY ✔	Superhuman ✔

License

MIT License

Similar packages

Other packages similar to @react-email/components

react-html-email

react-html-email is a package that provides a set of React components for building HTML emails. It focuses on creating responsive and accessible email templates. Compared to @react-email/components, it offers a similar set of components but may have different styling and customization options.

mjml-react

mjml-react is a React wrapper for MJML, a markup language designed to reduce the pain of coding responsive email templates. It allows you to use MJML components within your React projects. Compared to @react-email/components, mjml-react offers a more specialized approach with a focus on MJML's syntax and features.

react-email-editor

react-email-editor is a package that provides a drag-and-drop email editor component for React. It allows users to design email templates visually. Compared to @react-email/components, react-email-editor offers a more interactive and user-friendly way to create email templates without writing code.