# @react-email/components

> A collection of all components React Email.

Latest version **1.0.12** (published 2026-04-09) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @react-email/components
pnpm add @react-email/components
yarn add @react-email/components
bun add @react-email/components
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.12 |
| Published | 2026-04-09 |
| First published | 2023-02-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=20.0.0 |
| Dependencies | 20 |
| Unpacked size | 14 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 19727 |
| Maintainers | zenorocha, bukinoshita, gabrielmfern, jopcmelo, rehan |
| Keywords | react, email |

## Links

- npm: https://www.npmjs.com/package/@react-email/components
- Repository: https://github.com/resend/react-email
- Homepage: https://github.com/resend/react-email#readme
- Issues: https://github.com/resend/react-email/issues
- npm.io page: https://npm.io/package/@react-email/components

## Dependencies (20)

- [@react-email/hr](https://npm.io/package/@react-email/hr.md) 0.0.12
- [@react-email/img](https://npm.io/package/@react-email/img.md) 0.0.12
- [@react-email/row](https://npm.io/package/@react-email/row.md) 0.0.13
- [@react-email/body](https://npm.io/package/@react-email/body.md) 0.3.0
- [@react-email/font](https://npm.io/package/@react-email/font.md) 0.0.10
- [@react-email/head](https://npm.io/package/@react-email/head.md) 0.0.13
- [@react-email/html](https://npm.io/package/@react-email/html.md) 0.0.12
- [@react-email/link](https://npm.io/package/@react-email/link.md) 0.0.13
- [@react-email/text](https://npm.io/package/@react-email/text.md) 0.1.6
- [@react-email/button](https://npm.io/package/@react-email/button.md) 0.2.1
- [@react-email/column](https://npm.io/package/@react-email/column.md) 0.0.14
- [@react-email/render](https://npm.io/package/@react-email/render.md) 2.0.6
- [@react-email/heading](https://npm.io/package/@react-email/heading.md) 0.0.16
- [@react-email/preview](https://npm.io/package/@react-email/preview.md) 0.0.14
- [@react-email/section](https://npm.io/package/@react-email/section.md) 0.0.17
- [@react-email/markdown](https://npm.io/package/@react-email/markdown.md) 0.0.18
- [@react-email/tailwind](https://npm.io/package/@react-email/tailwind.md) 2.0.7
- [@react-email/container](https://npm.io/package/@react-email/container.md) 0.0.16
- [@react-email/code-block](https://npm.io/package/@react-email/code-block.md) 0.2.1
- [@react-email/code-inline](https://npm.io/package/@react-email/code-inline.md) 0.0.6

## Alternatives

- [@expo/fingerprint](https://npm.io/package/@expo/fingerprint.md) — 6.2M weekly downloads
- [@azure/monitor-opentelemetry-exporter](https://npm.io/package/@azure/monitor-opentelemetry-exporter.md) — 850.0K weekly downloads
- [@azure/monitor-opentelemetry](https://npm.io/package/@azure/monitor-opentelemetry.md) — 624.0K weekly downloads
- [@posthog/ai](https://npm.io/package/@posthog/ai.md) — 423.3K weekly downloads
- [fakefilter](https://npm.io/package/fakefilter.md) — 63.9K weekly downloads

## Recent versions

- 1.0.12 (latest) — 2026-04-09
- 1.0.7-canary.0 (canary) — 2026-01-26
- 1.0.0-tailwindv4.6 (tailwindv4) — 2025-10-08
- 1.0.11 — 2026-03-31
- 1.0.10 — 2026-03-17
- 1.0.9 — 2026-03-11
- 1.0.8 — 2026-02-18
- 1.0.7 — 2026-02-04
- 1.0.6 — 2026-01-20
- 1.0.5 — 2026-01-19
- 1.0.4 — 2026-01-07
- 1.0.4-canary.0 — 2025-12-30
- 1.0.3 — 2025-12-29
- 1.0.3-canary.0 — 2025-12-18
- 1.0.2 — 2025-12-18
- … 120 more at https://npm.io/package/@react-email/components/versions

## README

![React Email components cover](https://react.email/static/covers/components.png)

<div align="center"><strong>@react-email/components</strong></div>
<div align="center">A collection of all components React Email.</div>
<br />
<div align="center">
<a href="https://react.email">Website</a>
<span> · </span>
<a href="https://github.com/resend/react-email">GitHub</a>

</div>

## Install

Install component from your command line.

#### With yarn

```sh
yarn add @react-email/components -E
```

#### With npm

```sh
npm install @react-email/components -E
```

## Getting started

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

```jsx
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.

| <img src="https://react.email/static/icons/gmail.svg" width="48px" height="48px" alt="Gmail logo"> | <img src="https://react.email/static/icons/apple-mail.svg" width="48px" height="48px" alt="Apple Mail"> | <img src="https://react.email/static/icons/outlook.svg" width="48px" height="48px" alt="Outlook logo"> | <img src="https://react.email/static/icons/yahoo-mail.svg" width="48px" height="48px" alt="Yahoo! Mail logo"> | <img src="https://react.email/static/icons/hey.svg" width="48px" height="48px" alt="HEY logo"> | <img src="https://react.email/static/icons/superhuman.svg" width="48px" height="48px" alt="Superhuman logo"> |
| -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
| Gmail ✔                                                                                           | Apple Mail ✔                                                                                           | Outlook ✔                                                                                             | Yahoo! Mail ✔                                                                                                | HEY ✔                                                                                         | Superhuman ✔                                                                                                |

## License

MIT License

---
_Source: https://npm.io/package/@react-email/components · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._