{"id":13406172,"url":"https://github.com/resend/react-email","last_synced_at":"2026-04-24T18:02:36.602Z","repository":{"id":59839431,"uuid":"538663825","full_name":"resend/react-email","owner":"resend","description":"💌 Build and send emails using React","archived":false,"fork":false,"pushed_at":"2025-05-12T18:16:23.000Z","size":86643,"stargazers_count":15885,"open_issues_count":60,"forks_count":755,"subscribers_count":37,"default_branch":"canary","last_synced_at":"2025-05-12T18:16:25.602Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://react.email","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/resend.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-09-19T19:24:54.000Z","updated_at":"2025-05-12T18:03:28.000Z","dependencies_parsed_at":"2023-09-30T20:30:10.825Z","dependency_job_id":"a858d846-4a5f-48d8-b702-1cfbe6fb73c4","html_url":"https://github.com/resend/react-email","commit_stats":{"total_commits":1196,"total_committers":144,"mean_commits":8.305555555555555,"dds":0.7190635451505016,"last_synced_commit":"6facd7c8e0b0436333576f405e09e4d25631e416"},"previous_names":["zenorocha/react-email","resend/react-email","resendlabs/react-email"],"tags_count":454,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/resend%2Freact-email","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/resend%2Freact-email/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/resend%2Freact-email/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/resend%2Freact-email/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/resend","download_url":"https://codeload.github.com/resend/react-email/tar.gz/refs/heads/canary","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253795162,"owners_count":21965488,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-30T19:02:23.150Z","updated_at":"2025-12-29T15:21:10.681Z","avatar_url":"https://github.com/resend.png","language":"TypeScript","readme":"![React email cover](https://react.email/static/covers/react-email.png)\n\n\u003cdiv align=\"center\"\u003e\u003cstrong\u003eReact Email\u003c/strong\u003e\u003c/div\u003e\n\u003cdiv align=\"center\"\u003eThe next generation of writing emails.\u003cbr /\u003eHigh-quality, unstyled components for creating emails.\u003c/div\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://react.email\"\u003eWebsite\u003c/a\u003e\n\u003cspan\u003e · \u003c/span\u003e\n\u003ca href=\"https://github.com/resend/react-email\"\u003eGitHub\u003c/a\u003e\n\u003c/div\u003e\n\n## Introduction\n\nA collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript.\nIt 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.\n\n## Why\n\nWe 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 2025 and beyond. Email development needs a revamp. A renovation. Modernized for the way we build web apps today.\n\n## Install\n\nInstall one of the components from your command line.\n\n#### With yarn\n\n```sh\nyarn add @react-email/components -E\n```\n\n#### With npm\n\n```sh\nnpm install @react-email/components -E\n```\n\n#### With pnpm\n\n```sh\npnpm install @react-email/components -E\n```\n\n## Getting started\n\nAdd the component to your email template. Include styles where needed.\n\n```jsx\nimport { Button } from \"@react-email/components\";\n\nconst Email = () =\u003e {\n  return (\n    \u003cButton href=\"https://example.com\" style={{ color: \"#61dafb\" }}\u003e\n      Click me\n    \u003c/Button\u003e\n  );\n};\n```\n\n## Components\n\nA 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.\n\n- [Body](https://github.com/resend/react-email/tree/main/packages/body)\n- [Button](https://github.com/resend/react-email/tree/main/packages/button)\n- [CodeBlock](https://github.com/resend/react-email/tree/main/packages/code-block)\n- [CodeInline](https://github.com/resend/react-email/tree/main/packages/code-inline)\n- [Column](https://github.com/resend/react-email/tree/main/packages/column)\n- [Container](https://github.com/resend/react-email/tree/main/packages/container)\n- [Divider](https://github.com/resend/react-email/tree/main/packages/hr)\n- [Font](https://github.com/resend/react-email/tree/main/packages/font)\n- [Head](https://github.com/resend/react-email/tree/main/packages/head)\n- [Heading](https://github.com/resend/react-email/tree/main/packages/heading)\n- [Html](https://github.com/resend/react-email/tree/main/packages/html)\n- [Image](https://github.com/resend/react-email/tree/main/packages/img)\n- [Link](https://github.com/resend/react-email/tree/main/packages/link)\n- [Markdown](https://github.com/resend/react-email/tree/main/packages/markdown)\n- [Paragraph](https://github.com/resend/react-email/tree/main/packages/text)\n- [Preview](https://github.com/resend/react-email/tree/main/packages/preview)\n- [Section](https://github.com/resend/react-email/tree/main/packages/section)\n\n## Integrations\n\nEmails built with React Email can be converted into HTML and sent using any email service provider. Here are some examples:\n\n- [Resend](https://github.com/resend/react-email/tree/main/examples/resend)\n- [Nodemailer](https://github.com/resend/react-email/tree/main/examples/nodemailer)\n- [SendGrid](https://github.com/resend/react-email/tree/main/examples/sendgrid)\n- [Postmark](https://github.com/resend/react-email/tree/main/examples/postmark)\n- [AWS SES](https://github.com/resend/react-email/tree/main/examples/aws-ses)\n- [Plunk](https://github.com/resend/react-email/tree/main/examples/plunk)\n- [Scaleway](https://github.com/resend/react-email/tree/main/examples/scaleway)\n\n## Support\n\nAll components were tested using the most popular email clients.\n\n| \u003cimg src=\"https://react.email/static/icons/gmail.svg\" width=\"48px\" height=\"48px\" alt=\"Gmail logo\"\u003e | \u003cimg src=\"https://react.email/static/icons/apple-mail.svg\" width=\"48px\" height=\"48px\" alt=\"Apple Mail\"\u003e | \u003cimg src=\"https://react.email/static/icons/outlook.svg\" width=\"48px\" height=\"48px\" alt=\"Outlook logo\"\u003e | \u003cimg src=\"https://react.email/static/icons/yahoo-mail.svg\" width=\"48px\" height=\"48px\" alt=\"Yahoo! Mail logo\"\u003e | \u003cimg src=\"https://react.email/static/icons/hey.svg\" width=\"48px\" height=\"48px\" alt=\"HEY logo\"\u003e | \u003cimg src=\"https://react.email/static/icons/superhuman.svg\" width=\"48px\" height=\"48px\" alt=\"Superhuman logo\"\u003e |\n| -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |\n| Gmail ✔                                                                                           | Apple Mail ✔                                                                                           | Outlook ✔                                                                                             | Yahoo! Mail ✔                                                                                                | HEY ✔                                                                                         | Superhuman ✔                                                                                                |\n\n## Development workflow\n\n1. [Setting up your development environment](https://react.email/docs/contributing/development-workflow/1-setup)\n2. [Running tests](https://react.email/docs/contributing/development-workflow/2-running-tests)\n3. [Linting](https://react.email/docs/contributing/development-workflow/3-linting)\n4. [Building](https://react.email/docs/contributing/development-workflow/4-building)\n5. [Writing documentation](https://react.email/docs/contributing/development-workflow/5-writing-docs)\n\n## Contributing\n\n- [Contribution Guide](https://react.email/docs/contributing)\n\n## Authors\n\n- Bu Kinoshita ([@bukinoshita](https://twitter.com/bukinoshita))\n- Zeno Rocha ([@zenorocha](https://twitter.com/zenorocha))\n\n## License\n\nMIT License\n","funding_links":[],"categories":["TypeScript","Miscellaneous","Uncategorized"],"sub_categories":["Syntax highlighting","Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fresend%2Freact-email","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fresend%2Freact-email","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fresend%2Freact-email/lists"}