# @react-email/body > A React body component to wrap emails Latest version **0.3.0** (published 2026-03-11) · MIT license · 0 weekly downloads > **Deprecated.** This package is deprecated. ## Install ```sh npm install @react-email/body pnpm add @react-email/body yarn add @react-email/body bun add @react-email/body ``` ## Health **Score 10/100 (F)** — status: deprecated. Negative: deprecated. ## Facts | | | |---|---| | Version | 0.3.0 | | Published | 2026-03-11 | | First published | 2022-12-29 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Node | >=20.0.0 | | Dependencies | 0 | | Unpacked size | 13.2 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 19732 | | Maintainers | zenorocha, bukinoshita, gabrielmfern, jopcmelo | ## Links - npm: https://www.npmjs.com/package/@react-email/body - 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/body ## Recent versions - 0.3.0 (latest) — 2026-03-11 - 0.2.0-canary.0 (canary) — 2025-11-04 - 0.1.1-tailwindv4.0 (tailwindv4) — 2025-10-01 - 0.2.1 — 2025-12-29 - 0.2.0 — 2025-11-07 - 0.1.0 — 2025-07-31 - 0.0.11 — 2024-12-03 - 0.0.11-canary.1 — 2024-12-03 - 0.0.11-canary.0 — 2024-11-08 - 0.0.10 — 2024-08-22 - 0.0.10-canary.0 — 2024-07-23 - 0.0.9 — 2024-07-23 - 0.0.9-canary.1 — 2024-07-15 - 0.0.9-canary.0 — 2024-07-03 - 0.0.8 — 2024-04-29 - … 6 more at https://npm.io/package/@react-email/body/versions ## README ![React Email HTML cover](https://react.email/static/covers/html.png)
@react-email/body
A React body component to wrap emails.

Website · Documentation · Twitter
## Install Install component from your command line. #### With yarn ```sh yarn add @react-email/body -E ``` #### With npm ```sh npm install @react-email/body -E ``` ## Getting started Add the component to your email template. Include styles where needed. ```jsx import { Html } from "@react-email/html"; import { Body } from "@react-email/body"; import { Section } from "@react-email/section"; import { Column } from "@react-email/column"; const Email = () => { return (
{/* First column */} {/* Second column */}
); }; ``` ## Support This component was 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 ✔ | ## License MIT License --- _Source: https://npm.io/package/@react-email/body · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._