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 editor required. 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: renderToJson() returns design JSON that the visual editor opens with loadDesign(), letting non-developers edit templates you built in code. Full SSR support (Next.js, Remix, renderToString).

When to use this skill vs the editor