{"id":105004,"title":"Elements by Unlayer - Open-source React components for emails, pages, and PDFs","tagline":"Elements lets developers and AI agents create emails, web pages, and PDFs from the same React codebase.","body":"**TL;DR:** We’re launching Unlayer Elements, an open-source React content layer that lets developers and AI agents create emails, web pages, and PDFs from the same codebase. Write once in React, render everywhere.\n\nToday, we’re launching something new and open source:\n\n# Unlayer Elements\n\nAn open-source React content layer for developers and AI agents to create emails, web pages, and PDFs from the same codebase.\n\nGitHub: \u003chttps://github.com/unlayer/elements\u003e\\\nDocs: \u003chttps://docs.unlayer.com/elements\u003e\\\nDemo: \u003chttps://youtu.be/-ZoMlPYUbtk\u003e\n\n## **The Problem**\n\nEvery SaaS product eventually needs content creation.\n\nAt first, it’s just one transactional email.\n\nThen it becomes welcome emails, password resets, receipts, invoices, reports, landing pages, PDFs, internal templates, previews, exports, and visual editing.\n\nMost teams end up maintaining separate systems for each output:\n\n* one system for email templates\n* one system for web pages\n* one system for PDFs\n* one system for visual editing\n* one system for exports\n\nThe content is often similar, but the implementation is different.\n\nThis becomes even more important now that AI agents are generating more code and content. Agents can create fast, but teams still need the output to be structured, reusable, version-controlled, and production-ready.\n\n![uploaded image](/media/?type=post\u0026id=105004\u0026key=user_uploads/105300/5911c2cd-ca33-48e8-86ff-72e1ce4fcfe7)\n\n## **What We Built**\n\nWe built Unlayer Elements: open-source React components for creating emails, web pages, and PDFs from the same codebase.\n\nDevelopers can use familiar components like:\n\n* \u0026lt;Email\u003e\n* \u0026lt;Page\u003e\n* \u0026lt;Document\u003e\n* \u0026lt;Row\u003e\n* \u0026lt;Column\u003e\n* \u0026lt;Heading\u003e\n* \u0026lt;Paragraph\u003e\n* \u0026lt;Button\u003e\n* \u0026lt;Image\u003e\n* \u0026lt;Custom\u003e\n\nEach output mode is tuned for where the content will live:\n\n* \u0026lt;Email\u003e renders email-safe table HTML\n* \u0026lt;Page\u003e renders responsive web HTML\n* \u0026lt;Document\u003e renders print-ready HTML for PDFs and documents\n\nSame component system. Different surfaces.\n\nA few examples of what you can build:\n\n* Transactional emails\n* Landing pages\n* Web versions of emails\n* Invoices\n* Receipts\n* Reports\n* Internal template galleries\n* PDF documents\n* AI-generated content flows\n\nElements also connects with the broader Unlayer platform. Developers can define content structure in code, and when visual editing is needed, teams can bring that work into Unlayer’s Builder so marketers, admins, or end users can edit without touching code.\n\n## **Our Ask**\n\nWe’re open sourcing this early because we want feedback from people building with React, Next.js, email, PDFs, templates, and AI-generated content.\n\nWe’d love for you to:\n\n1. Try it and tell us what feels useful or missing.\n2. Star the GitHub repo if you want to support the project.\n3. Share examples of emails, pages, PDFs, invoices, reports, or AI-generated content workflows you’d want Elements to support.\n\nGitHub: \u003chttps://github.com/unlayer/elements\u003e\\\nDocs: \u003chttps://docs.unlayer.com/elements\u003e\n\nWould love feedback from the YC community.\n\nEmail: [founders@unlayer.com](mailto:founders@unlayer.com)","slug":"RJc-elements-by-unlayer-open-source-react-components-for-emails-pages-and-pdfs","created_at":"2026-07-08T19:42:04.469Z","updated_at":"2026-07-22T04:13:38.820Z","total_vote_count":4,"url":"https://www.ycombinator.com/launches/RJc-elements-by-unlayer-open-source-react-components-for-emails-pages-and-pdfs","share_image_url":"//bookface-static.ycombinator.com/assets/ycdc/yc-og-image-c440a0ad1dacfb86eeeb343717479cc54d256614449b4ef719977a0a451f8bc8.png","company":{"id":25522,"name":"Unlayer","slug":"unlayer","url":"https://unlayer.com","logo":"https://bookface-images.s3.amazonaws.com/small_logos/fcefc5d17d05bbb0fe7c4b9b5875db24dc093a45.png","batch":"Winter 2022","industry":"B2B","tags":["Artificial Intelligence","Developer Tools","SaaS","Design Tools","AI Assistant"],"search_path":"https://bookface.ycombinator.com/company/25522"}}