[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3755":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":16,"starSnapshotCount":16,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},3755,"react-email","resend\u002Freact-email","resend","💌 Build and send emails using React","https:\u002F\u002Freact.email",null,"TypeScript",19321,1043,43,9,0,5,31,162,28,104.56,"MIT License",false,"canary",[26,27],"email","hacktoberfest","2026-06-12 04:00:19","![React email cover](https:\u002F\u002Freact.email\u002Fstatic\u002Fcovers\u002Freact-email.png)\n\n\u003Cdiv align=\"center\">\u003Cstrong>React Email\u003C\u002Fstrong>\u003C\u002Fdiv>\n\u003Cdiv align=\"center\">The next generation of writing emails.\u003Cbr \u002F>High-quality, unstyled components for creating emails.\u003C\u002Fdiv>\n\u003Cbr \u002F>\n\u003Cdiv align=\"center\">\n\u003Ca href=\"https:\u002F\u002Freact.email\">Website\u003C\u002Fa>\n\u003Cspan> · \u003C\u002Fspan>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\">GitHub\u003C\u002Fa>\n\u003C\u002Fdiv>\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 2026 and beyond. Email development needs a revamp. A renovation. Modernized for the way we build web apps today.\n\n## Install\n\n```sh\nnpm i react-email@latest\n```\n\n## Getting started\n\nDefine your email template with React, include styles and our components where needed.\n\n```jsx\nimport { Button } from \"react-email\";\n\nexport default function Email() {\n  return (\n    \u003CButton href=\"https:\u002F\u002Fexample.com\" style={{ color: \"#61dafb\" }}>\n      Click me\n    \u003C\u002FButton>\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- [Html](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fhtml)\n- [Head](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fhead)\n- [Button](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fbutton)\n- [Container](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fcontainer)\n- [CodeBlock](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fcode-block)\n- [CodeInline](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fcode-inline)\n- [Column](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fcolumn)\n- [Row](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Frow)\n- [Font](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Ffont)\n- [Heading](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fheading)\n- [Divider](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fhr)\n- [Image](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fimg)\n- [Link](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Flink)\n- [Markdown](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fmarkdown)\n- [Preview](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fpreview)\n- [Section](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fsection)\n- [Tailwind](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Ftailwind)\n- [Paragraph](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Ftext)\n- [Body](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fpackages\u002Freact-email\u002Fsrc\u002Fcomponents\u002Fbody)\n\n## Editor\n\nReact Email also provides an Editor built on top of [TipTap](https:\u002F\u002Ftiptap.dev\u002F) and [ProseMirror](https:\u002F\u002Fprosemirror.net\u002F), It serializes to React Email components, and exports email-ready HTML and plain text.\n\nSee the [Editor documentation](https:\u002F\u002Freact.email\u002Fdocs\u002Feditor) for more details.\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:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fexamples\u002Fresend)\n- [Nodemailer](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fexamples\u002Fnodemailer)\n- [SendGrid](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fexamples\u002Fsendgrid)\n- [MailerSend](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fexamples\u002Fmailersend)\n- [Mailgun](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fexamples\u002Fmailgun)\n- [Postmark](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fexamples\u002Fpostmark)\n- [AWS SES](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fexamples\u002Faws-ses)\n- [Plunk](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fexamples\u002Fplunk)\n- [Scaleway](https:\u002F\u002Fgithub.com\u002Fresend\u002Freact-email\u002Ftree\u002Fmain\u002Fexamples\u002Fscaleway)\n\n## Support\n\nAll components were tested using the most popular email clients.\n\n| \u003Cimg src=\"https:\u002F\u002Freact.email\u002Fstatic\u002Ficons\u002Fgmail.svg\" width=\"48px\" height=\"48px\" alt=\"Gmail logo\"> | \u003Cimg src=\"https:\u002F\u002Freact.email\u002Fstatic\u002Ficons\u002Fapple-mail.svg\" width=\"48px\" height=\"48px\" alt=\"Apple Mail\"> | \u003Cimg src=\"https:\u002F\u002Freact.email\u002Fstatic\u002Ficons\u002Foutlook.svg\" width=\"48px\" height=\"48px\" alt=\"Outlook logo\"> | \u003Cimg src=\"https:\u002F\u002Freact.email\u002Fstatic\u002Ficons\u002Fyahoo-mail.svg\" width=\"48px\" height=\"48px\" alt=\"Yahoo! Mail logo\"> | \u003Cimg src=\"https:\u002F\u002Freact.email\u002Fstatic\u002Ficons\u002Fhey.svg\" width=\"48px\" height=\"48px\" alt=\"HEY logo\"> | \u003Cimg src=\"https:\u002F\u002Freact.email\u002Fstatic\u002Ficons\u002Fsuperhuman.svg\" width=\"48px\" height=\"48px\" alt=\"Superhuman logo\"> |\n| -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |\n| Gmail ✔                                                                                           | Apple Mail ✔                                                                                           | Outlook ✔                                                                                             | Yahoo! Mail ✔                                                                                                | HEY ✔                                                                                         | Superhuman ✔                                                                                                |\n\n## Development workflow\n\n1. [Setting up your development environment](https:\u002F\u002Freact.email\u002Fdocs\u002Fcontributing\u002Fdevelopment-workflow\u002F1-setup)\n2. [Running tests](https:\u002F\u002Freact.email\u002Fdocs\u002Fcontributing\u002Fdevelopment-workflow\u002F2-running-tests)\n3. [Linting](https:\u002F\u002Freact.email\u002Fdocs\u002Fcontributing\u002Fdevelopment-workflow\u002F3-linting)\n4. [Building](https:\u002F\u002Freact.email\u002Fdocs\u002Fcontributing\u002Fdevelopment-workflow\u002F4-building)\n5. [Writing documentation](https:\u002F\u002Freact.email\u002Fdocs\u002Fcontributing\u002Fdevelopment-workflow\u002F5-writing-docs)\n\n## Contributing\n\n- [Contribution Guide](https:\u002F\u002Freact.email\u002Fdocs\u002Fcontributing)\n\n---\n\nBrought to you by [Resend](https:\u002F\u002Fresend.com), MIT License.\n","React Email 是一个使用 React 和 TypeScript 构建和发送电子邮件的项目。它提供了一系列高质量、未样式化的组件，用于创建响应式且支持暗模式的电子邮件，同时解决了不同邮件客户端（如 Gmail 和 Outlook）之间的兼容性问题。适用于需要现代化电子邮件开发流程的场景，特别是对于希望利用现代 Web 开发技术来改进传统邮件构建方式的开发者而言，React Email 提供了一个简洁高效的解决方案。通过简单的安装和配置，用户可以快速开始定义自己的邮件模板，并利用提供的标准组件轻松构建美观实用的电子邮件。",2,"2026-06-11 02:56:03","top_language"]