用途:用 React 组件编写 HTML 邮件模板,覆盖欢迎邮件、密码重置、通知、订单确认、新闻简报等场景,并兼容主流邮件客户端。
主要能力:提供 Html、Head、Preview、Body、Container、Section、Row、Column、Heading、Text、Button、Link、Img、Hr、CodeBlock、Markdown、Font、Tailwind 等组件;支持 Tailwind 样式(需用 pixelBasedPreset,因邮件客户端不支持 rem);支持 render 输出 HTML 或纯文本;支持 next-intl、react-i18next、react-intl 国际化;可通过 Resend 等邮件服务发送。
使用方式:用 npx create-email@latest(或 yarn/pnpm/bun create email)脚手架生成 react-email-starter,进入目录后安装依赖并运行 npm run dev(或对应包管理器命令),在 localhost:3000 预览 emails 目录下的模板。已有项目可在 package.json 添加 "email": "email dev --dir emails --port 3000",并确保 tsconfig.json 支持 jsx。图片放在 emails/static 下,用 NODE_ENV 区分开发与生产 CDN 地址。
限制:邮件客户端不支持 SVG、WEBP、flexbox、grid 及媒体查询(sm:/md:/lg: 等)和深色模式选择器;布局需用表格或 Row/Column;边框需指定类型并重置其余边;不要在 TypeScript 代码中直接写 {{name}} 模板变量,应使用 props;Gmail 会截断超过 102KB 的邮件;生产环境应使用已验证域名。
适用场景:需要以组件化、可复用方式维护事务性邮件与营销邮件的 React 项目。
暂未提供:具体收费、价格与平台支持细节。