unlayer-elements
Installation
SKILL.md
Build with Unlayer Elements (code-first)
Overview
@unlayer/react-elements is a set of React components for building emails, pages, and documents in code — no visual editor. Write JSX once and render it to:
- email — table-based HTML (Outlook/Gmail/Yahoo safe)
- web — responsive div/flexbox HTML
- document — print / PDF-optimized HTML
The output is a faithful reproduction of what the Unlayer editor produces, so designs round-trip into the editor as JSON. Full SSR support (Next.js, Remix, renderToString).
When to use this skill vs the editor
| You want to… | Use |
|---|---|
| Generate/assemble templates in code (AI generation, programmatic emails, design systems) | this skill (@unlayer/react-elements) |
| Embed a drag-and-drop visual editor in your app | unlayer-integration |
| Export HTML/PDF from a saved design / Cloud API | unlayer-export |