MyGit

resend/react-email

Fork: 680 Star: 14753 (更新于 2024-12-13 09:24:39)

license: MIT

Language: TypeScript .

💌 Build and send emails using React

最后发布版本: create-email@0.0.34 ( 2024-09-03 00:00:52)

官方网址 GitHub网址

React email cover

React Email
The next generation of writing emails.
High-quality, unstyled components for creating emails.

Website · GitHub · Discord

Introduction

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";

const Email = () => {
  return (
    <Button href="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.

Integrations

Emails built with React Email can be converted into HTML and sent using any email service provider. Here are some examples:

Support

All components were tested using the most popular email clients.

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

Development

Install dependencies

pnpm install

Build and run packages

pnpm dev

This will initialize all packages in parallel and watch for changes, including the website which will be available at localhost:3000.

Contributing

Authors

License

MIT License

最近版本更新:(数据更新于 2024-10-05 01:20:51)

2024-09-03 00:00:52 create-email@0.0.34

2024-09-02 23:58:53 @react-email/components@0.0.25

2024-09-02 23:57:27 @react-email/code-block@0.0.9

2024-08-29 23:35:33 create-email@0.0.33

2024-08-29 23:34:25 @react-email/render@1.0.1

2024-08-29 23:33:43 @react-email/components@0.0.24

2024-08-29 23:32:52 @react-email/code-block@0.0.8

2024-08-24 00:16:54 react-email@3.0.1

2024-08-22 23:21:08 @react-email/tailwind@0.1.0

2024-08-22 23:19:21 @react-email/section@0.0.14

resend/react-email同语言 TypeScript最近更新仓库

2024-12-24 21:00:18 siyuan-note/siyuan

2024-12-24 19:41:21 lobehub/lobe-chat

2024-12-24 18:12:11 MetaCubeX/metacubexd

2024-12-24 06:05:35 RSSNext/Follow

2024-12-24 05:54:40 laurent22/joplin

2024-12-24 00:04:03 awslabs/multi-agent-orchestrator