Hyper Elementsv0.4
440Get started

Blog

Tutorials and notes on building emails, pages, PDFs and images with your coding agent, and checking them before they ship.

Title data, local font files and a logo flow through a React Canvas in Node.js to a card.png image.

Generate Open Graph images in Node.js with local fonts and a logo

Generate branded Open Graph PNGs from React in Node.js using local fonts and a logo, with a reusable template, diagnostics and long-title checks.

Read the tutorial →Conceptual diagram connecting a React invoice and local font and logo files through Node.js to separate invoice and terms pages.

Generate PDF invoices in Node.js without headless Chrome

Build a React invoice PDF in Node.js with local fonts, a logo, explicit pages and useful diagnostics. Includes a complete template and current limitations.

Read the tutorial →Illustrated authoring loop: guide, validate, inspect, then render HTML and plain text.

Build and validate React emails with Claude Code

Build a receipt email with Claude Code, fix template diagnostics, inspect its layout and render HTML and plain text for a test send.

Read the tutorial →