Launch HN: Unlayer (YC W22) – 为你的应用添加邮件和文档构建器

Hacker News Top 产品
email-builder document-builder developer-tools no-code embed yc-w22 ai-content

摘要

Unlayer 在 Hacker News 上发布，作为一个将邮件、页面、文档和弹窗构建器嵌入应用的平台，具备 AI 功能和开发者 API。

Hi HN，我们是 Adeel 和 Umair，Unlayer 的联合创始人（<a href="https:&#x2F;&#x2F;unlayer.com&#x2F;">https:&#x2F;&#x2F;unlayer.com&#x2F;</a>）。我们让你能够为你的应用添加内容创建功能，而无需自己构建完整的编辑器、渲染器、模板和导出堆栈。Unlayer 让你可以通过三种不同的方式在应用内创建邮件、网页和文档：通过代码、可视化或 AI。<p>这里有一个演示：<a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=0HsDtNkdMpM" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=0HsDtNkdMpM</a>.<p>我们最初从一个可嵌入的邮件编辑器开始，因为很多产品最终都需要这样一个功能：CRM、营销工具、客户互动平台、市场、内部工具和垂直 SaaS 应用在某个阶段都会遇到这个问题。一开始，它听起来像是一个小功能：“只是”添加一个拖放编辑器。但实际上，它会变成一个巨大的麻烦。你需要处理邮件渲染、Outlook 的怪癖、响应式布局、模板、合并标签、图片上传、导出、权限、本地化、版本控制以及大量与核心产品无关的边缘情况。<p>随着时间的推移，我们发现同样的问题也出现在邮件之外。应用还需要落地页、发票、提案、报告、合同和 PDF。其中一些内容最适合由最终用户通过可视化方式创建，而另一些则更适合由开发者通过代码生成。而且，越来越多的情况下，部分内容由 AI 代理生成。许多团队最终需要这三种工作流程。这就是我们一直致力于通过 Unlayer 实现的方向。<p>今天我们展示三部分内容：<p>(1) <i>Unlayer Elements</i>。这是我们开源的 React 组件库，用于通过代码创建邮件、页面和文档（仓库：<a href="https:&#x2F;&#x2F;github.com&#x2F;unlayer&#x2F;elements" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;unlayer&#x2F;elements</a>，更多信息参见 <a href="https:&#x2F;&#x2F;unlayer.com&#x2F;elements">https:&#x2F;&#x2F;unlayer.com&#x2F;elements</a>）。开发者不必手动编写原始 HTML 模板，而是可以使用 React 组件组合内容，重用头部、尾部、呼吁行动按钮、发票行和品牌区块等部分，将模板保存在 Git 中，并渲染成生产环境输出。<p>我们看到的较新用例是 AI 辅助内容创建。如果要求 AI 代理创建一封邮件、发票、报告或落地页，输出通常是难以维护的原始 HTML 或 Markdown。使用 Elements，AI 代理可以生成结构化的 React 组件。开发者可以审查结果、重构、保存在 Git 中，并且如果之后有人需要编辑，还可以将设计传递给可视化构建器。<p>(2) <i>可视化构建器</i>。这是一个拖放编辑器（仓库：<a href="https:&#x2F;&#x2F;github.com&#x2F;unlayer&#x2F;react-email-editor" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;unlayer&#x2F;react-email-editor</a>，更多信息参见 <a href="https:&#x2F;&#x2F;unlayer.com&#x2F;email-builder">https:&#x2F;&#x2F;unlayer.com&#x2F;email-builder</a>），可以嵌入到应用内，让非技术用户能够创建或编辑内容。在演示中，我们展示了邮件构建器和构建器内的 AI 助手。目标不是取代开发者的工作流程，而是将其与可视化工作流程连接起来，以便营销人员、管理员、客户或内部团队需要自行修改时使用。<p>(3) <i>文档构建器</i>。这适用于结构化文档，如提案、报告、发票、合同和 PDF。我们看到很多团队为邮件模板、网页和文档生成分别构建了独立的系统，尽管底层原语是相似的：布局、内容块、变量、素材、预览、导出和权限。更多信息：<a href="https:&#x2F;&#x2F;unlayer.com&#x2F;document-builder">https:&#x2F;&#x2F;unlayer.com&#x2F;document-builder</a><p>技术挑战在于让这些工作流程共享一个共同基础。开发者应该在合适的时候通过代码构建模板。最终用户应该在合适的时候通过可视化方式编辑。AI 代理应该能够生成结构化内容，而不是难以维护的杂乱输出。最终输出仍然需要被宿主应用使用。<p>我们通过向企业销售托管的构建器、模板、导出和平台功能（用于嵌入到他们的产品中）来盈利。Elements 是开源的。商业产品是围绕构建器、协作、存储、导出和生产用例的更广泛托管平台。<p>我们是 W22 批次的一部分，所以这是一个迟来的 Launch HN。当时，Unlayer 只是一个可嵌入的邮件编辑器，我们觉得还没有准备好向 HN 展示更全面的故事。自那以后，产品已经扩展为一个更通用的内容创建层，适用于产品，包括邮件、页面、文档、API、开源开发者项目和 AI 辅助工作流程。这让我们觉得是时候把它带到 HN 并征求反馈了。<p>我们很感谢 HN 的意见。这是一个很多用户有强烈观点的领域，因为他们之前被编辑器、邮件 HTML、文档编辑或“简单”内容工作流程折磨过。我们很想知道哪些内容引起共鸣，哪些听起来有问题，以及您认为我们应该更深入思考什么。
查看原文
查看缓存全文

缓存时间: 2026/07/22 17:22

# 将内容创作功能嵌入你的应用 | Unlayer 来源：https://unlayer.com/ ## 将内容创作功能嵌入你的应用 为你的用户提供精美的内容构建器，涵盖**邮件**（https://unlayer.com/email-builder）、**页面**（https://unlayer.com/page-builder）和**文档**（https://unlayer.com/document-builder）。配合模板、AI、代码优先创建以及开发者API，全面支撑内容工作流。 嵌入你应用中的Unlayer构建器 客户 ## 深受规模化部署团队的信赖 - SOC 2 合规 - 99.9% 正常运行时间 SLA - 1000+ SaaS品牌 平台 ## 一个平台，*无所不创* 七个基础功能模块，可组合出用户所需的任何内容界面。 ### 可视化构建器 嵌入应用内的邮件、页面、弹窗和文档构建器。 ### 模板 创建、管理、锁定并复用品牌模板，贯穿整个产品。 ### AI工作流 帮助用户生成、重写、优化和个性化内容。 ### 媒体与资源 在构建器内上传、整理并复用图片和文件。 ### 导出与生成 将内容导出为HTML、PDF、图片、纯文本和ZIP格式。支持服务端或客户端导出。 ### 元素 可用于渲染邮件、网页或PDF的React、Angular和Vue组件。 ### 开发者平台 SDK、CLI、代理技能、事件和API，用于扩展平台。 构建器 ## 适用于各种内容类型的*可嵌入*构建器 在应用内嵌入一个或全部四个构建器。为每种内容类型提供统一体验。所有构建器共用同一JSON设计模式。 ### 邮件构建器 (https://unlayer.com/email-builder) 创建能可靠渲染于所有邮件客户端的响应式邮件：Gmail、Outlook、Apple Mail。 ### 页面构建器 (https://unlayer.com/page-builder) 让用户使用区块、列和断点设计落地页、表单和网页内容。 ### 文档构建器 (https://unlayer.com/document-builder) 创建包含封面、章节并可直接导出为PDF的提案、报告和合同。 ### 弹窗构建器 (https://unlayer.com/popup-builder) 借助触发条件和规则，构建以转化为核心的弹窗、横幅和潜在客户获取体验。 AI ## AI已融入*创作工作流* 构建器内的智能层，而非独立产品。用户可保持创作流畅，AI在区块、章节和文档层级提供辅助。 章节 · 英雄区块⌘K 生成一个关于新员工入职的3列功能区块。 开发者 ## 一个*平台*，而不仅仅是SDK 完整的开发者工具链：SDK、REST API、React Elements、CLI以及适用于AI工具的代理技能。 - 01**可嵌入SDK：**类型化配置、主题、事件和细粒度权限 - 02**React Elements：**同一JSX可渲染为邮件表格、网页弹性布局或打印PDF - 03**JSON设计：**在代码和可视化编辑器之间往返，支持版本化和差异比较 - 04**CLI和代理技能：**适用于Cursor、Codex、Claude Code以及你的CI流水线 JavaScript `` 01// 初始化 Unlayer 02const builder = unlayer.createEditor({ 03 id: 'editor', 04 displayMode: 'email', 05 appearance: { 06 theme: 'modern_light' 07 } 08}); 09 10// 加载模板 11builder.loadDesign(template); 12 13// 导出 HTML 14builder.exportHtml(function (data) { 15 const json = data.design; // 模板 json 16 const html = data.html; // 导出的 html 17}); `` 已连接 · projectId 1234 使用场景 ## 在*任何产品*中赋能创作 同样的基础功能模块，适配截然不同的产品界面。 ### 营销平台 邮件、落地页、弹窗，集成于同一编辑器。 ### CRM工具 让销售代表在不离开交易环节的情况下个性化沟通。 ### 邮件服务提供商 白标一款你的发件人真正喜爱的构建器。 ### 网站构建器 添加一个与你的产品融为一体的页面编辑器。 ### 文档自动化工具 提案、合同、报告，设计与导出一步到位。 ### 内部工具 规范化团队编写、设计和发送更新的方式。 ### 白标平台 以你的品牌而非我们的品牌交付创作体验。 ### AI内容产品 为AI提供一个具备结构、区块和导出能力的画布。 随时准备就绪 ## 数日上线，而非*数月* 将Unlayer嵌入你的产品。交付只有你能构建的部分。 免费起步 · 1000+ SaaS品牌 · SOC 2 Type II

相似文章

Launch HN: Hyper (YC P26) – 公司大脑，驱动智能体开发

Hacker News Top

Hyper 是一个共享的公司大脑，它摄入内部数据（Slack、文档、电子邮件等），生成知识图谱，并采用事件与事实混合记忆系统，使 AI 智能体能够拥有更好的上下文，从而更有效地执行复杂任务。