Unlayer launches on Hacker News as a platform to embed email, page, document, and popup builders into apps, with AI features and developer APIs.
Hi HN, We’re Adeel and Umair, co-founders of Unlayer (<a href="https://unlayer.com/">https://unlayer.com/</a>). We let you add content creation to your applications without having to build an entire editor, renderer, template, and export stack yourself. Unlayer lets you create emails, web pages, and documents inside your app, in three different ways: in code, visually, or with AI.<p>Here’s a demo: <a href="https://www.youtube.com/watch?v=0HsDtNkdMpM" rel="nofollow">https://www.youtube.com/watch?v=0HsDtNkdMpM</a>.<p>We started with an embeddable email editor because a lot of products eventually need one: CRMs, marketing tools, customer engagement platforms, marketplaces, internal tools, and vertical SaaS apps all run into this at some point. At first, it sounds like a small feature: "just" add a drag and drop editor. In practice, it turns into a big pain. You end up dealing with email rendering, Outlook quirks, responsive layouts, templates, merge tags, image uploads, exports, permissions, localization, versioning, and a long tail of edge cases that have nothing to do with your core product<p>Over time, we saw the same problem beyond email. Apps also need landing pages, invoices, proposals, reports, contracts, and PDFs. Some of this content is best created visually by end users. Some of it is better generated in code by developers. Increasingly, some of it is also generated by AI agents. Many teams eventually need all three workflows. That is the direction we have been working toward with Unlayer.<p>There are three parts we are showing today:<p>(1) <i>Unlayer Elements</i>. This is our open-source React component library for creating emails, pages, and documents in code (repo: <a href="https://github.com/unlayer/elements" rel="nofollow">https://github.com/unlayer/elements</a>, more at <a href="https://unlayer.com/elements">https://unlayer.com/elements</a>). Instead of hand-writing raw HTML templates, developers can compose content using React components, reuse sections like headers, footers, CTAs, invoice rows, and branded blocks, keep templates in Git, and render them into production output.<p>One newer use case we are seeing is AI-assisted content creation. If an AI agent is asked to create an email, invoice, report, or landing page, the output is usually raw HTML or markdown that becomes hard to maintain. With Elements, the agent can generate structured React components instead. A developer can review the result, refactor it, keep it in Git, and still pass the design into a visual builder later if someone needs to edit it.<p>(2) <i>Visual Builder</i>. This is the drag and drop editor (repo: <a href="https://github.com/unlayer/react-email-editor" rel="nofollow">https://github.com/unlayer/react-email-editor</a>, more at <a href="https://unlayer.com/email-builder">https://unlayer.com/email-builder</a>) that can be embedded inside an app so non-technical users can create or edit content. In the demo, we show the email builder and the AI assistant inside the builder. The goal is not to replace the developer workflow, but to connect it with a visual workflow when marketers, admins, customers, or internal teams need to make changes themselves.<p>(3) <i>Document Builder</i>. This is for structured documents such as proposals, reports, invoices, contracts, and PDFs. We have seen a lot of teams build separate systems for email templates, web pages, and document generation, even though the underlying primitives are similar: layout, content blocks, variables, assets, preview, export, and permissions. More: <a href="https://unlayer.com/document-builder">https://unlayer.com/document-builder</a><p>The technical challenge is making these workflows share a common foundation. Developers should be able to build templates in code when that makes sense. End users should be able to edit visually when that makes sense. AI agents should be able to generate structured content instead of unmaintainable blobs. The final output should still be usable by the host application.<p>We make money by selling hosted builder, template, export, and platform features to companies embedding this into their products. Elements is open source. The commercial product is the broader hosted platform around builders, collaboration, storage, exports, and production use cases.<p>We were part of W22, so this is a late Launch HN. At the time, Unlayer was an embeddable email editor, and we did not think we had the right broader story for HN yet. Since then, the product has expanded into a more general content creation layer for products, including emails, pages, documents, APIs, open-source developer projects, and AI-assisted workflows. That felt like a better moment to bring it to HN and ask for feedback.<p>We'd really appreciate thoughts from HN. This is one of those areas where a lot of people have strong opinions because they’ve been burned by editors, email HTML, document editing, or “simple” content workflows before. We'd love to hear what resonates, what sounds wrong, and what you think we should be thinking harder about!
# Build content creation into your app | Unlayer
Source: [https://unlayer.com/](https://unlayer.com/)
## Build content creationinto your app
Give your users beautiful builders for[**emails**](https://unlayer.com/email-builder),[**pages**](https://unlayer.com/page-builder), and[**documents**](https://unlayer.com/document-builder)\. Backed by templates, AI, code\-first creation, and developer APIs to power the full content workflow\.
The Unlayer builder, embedded in your app
Customers
## Trusted by teams*shipping at scale*
- SOC 2Compliant
- 99\.9%Uptime SLA
- 1000\+SaaS brands
Platform
## One platform\. *Every creation experience\.*
Seven primitives that compose into any content surface your users need\.
### Visual Builders
Email, page, popup, and document builders embedded inside your app\.
### Templates
Create, manage, lock, and reuse branded templates across your product\.
### AI Workflows
Help users generate, rewrite, improve, and personalize content\.
### Media & Assets
Upload, organize, and reuse images and files inside the builder\.
### Export & Generation
Export content to HTML, PDF, image, plain text, and ZIP\. Server\-side or client\-side\.
### Elements
React, Angular, and Vue components that render to email, web, or PDF\.
### Developer Platform
SDK, CLI, agent skills, events, and APIs to extend the platform\.
Builders
## *Embeddable*builders for every content type\.
Embed one builder or all four in your app\. One experience for every content type\. One JSON design schema for every builder\.
### [Email Builder](https://unlayer.com/email-builder)
Create responsive emails that render reliably across every email client: Gmail, Outlook, Apple Mail\.
### [Page Builder](https://unlayer.com/page-builder)
Let users design landing pages, forms, and web content with sections, columns, and breakpoints\.
### [Document Builder](https://unlayer.com/document-builder)
Create proposals, reports, and contracts with cover pages, sections, and export\-ready PDFs\.
### [Popup Builder](https://unlayer.com/popup-builder)
Build conversion\-focused popups, banners, and lead\-capture experiences with triggers and rules\.
AI
## AI built into the *creation workflow*\.
A helpful layer inside the builder\. Not a separate product\. Your users stay in flow; AI assists at the block, section, and document level\.
Section · Hero block⌘K
Generate a 3\-column features section about onboarding\.
Developers
## A*platform*, not just an SDK\.
The full developer surface: SDK, REST APIs, React Elements, a CLI, and agent skills for your AI tools\.
- 01**Embeddable SDK:**typed config, themes, events, and granular permissions
- 02**React Elements:**the same JSX renders to email tables, web flexbox, or print PDF
- 03**JSON designs:**round\-trip between code and the visual editor; versionable and diffable
- 04**CLI and agent skills:**for Cursor, Codex, Claude Code, and your CI pipelines
JavaScript
```
01// Initialize Unlayer02const builder = unlayer.createEditor({03 id: 'editor',04 displayMode: 'email',05 appearance: {06 theme: 'modern_light'07 }08});09 10// Load the template11builder.loadDesign(template);12 13// Export HTML14builder.exportHtml(function (data) {15 const json = data.design; // template json16 const html = data.html; // exported html17});
```
Connected · projectId 1234
Use cases
## Power creation inside *any product*\.
The same primitives, dressed for very different surfaces\.
### Marketing Platforms
Email, landing pages, popups in one composer\.
### CRM Tools
Let reps personalize outreach without leaving the deal\.
### Email Service Providers
White\-label a builder your senders actually love\.
### Website Builders
Add a page composer that feels native to your product\.
### Document Automation Tools
Proposals, contracts, and reports, designed and exported\.
### Internal Tools
Standardize how teams write, design, and send updates\.
### White\-Label Platforms
Ship a creation experience under your brand, not ours\.
### AI Content Products
Give AI a canvas with structure, blocks, and export\.
Ready when you are
## Launch in days, not*months*
Embed Unlayer in your product\. Ship the parts only you can build\.
Free to start1000\+ SaaS brandsSOC 2 Type II
Hyper is a shared company brain that ingests internal data (Slack, docs, email, etc.) into a knowledge graph with a hybrid memory system of episodes and facts, enabling AI agents to have better context and perform complex tasks more effectively.
Intuned is a YC-backed tool that uses an AI agent to build, deploy, and maintain Playwright-based browser automations, handling scraping, RPA, and crawlers with built-in anti-detection and authentication.
Gigacatalyst launches an AI-powered builder that allows non-technical users to create custom features and workflows for SaaS products via natural language, connecting directly to the platform's APIs and data model.
Extend UI is an open-source UI kit for modern document apps, providing viewers for PDF, DOCX, XLSX, and CSV files, along with features like bounding box citations, file upload, and e-signing.
HumanLayer launches an Agentic IDE and collaboration platform that enables engineers to ship 2-3x faster across the entire SDLC while maintaining rigorous code quality, already used by Fortune 500 companies like Block and Uber.