react-email

Name: react-email
Availability: InStock
Author: theslashdojo

Build and render React-based email templates for Resend.

Updated Apr 10, 2026

Search Tags:#resend #dev-server #tsx #email-templates #react-email #render-html

Ready to run

npx skills add https://github.com/theslashdojo/dojo --skill react-email-theslashdojo

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react-email
Source: https://github.com/theslashdojo/dojo/tree/main/nodes/resend/react-email
Command: npx skills add https://github.com/theslashdojo/dojo --skill react-email-theslashdojo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @react-email/components, react, react-dom, react-email, @types/react, @types/react-dom, and includes scripts (resource) components.

What problem does it solve?

Email templating is error-prone and time-consuming when building cross-client HTML; this Skill delivers a library-based approach using React components to craft email templates that render reliably across clients.

Core Features & Use Cases

React-based components for email HTML compatibility.
Resend integration with react parameter, allowing server-side rendering.
Local development server with hot reload for previews.
Optional Tailwind styling via Tailwind component.

Quick Start

Install dependencies and start building templates in the emails/ directory, then pass the template to Resend's react option.

Frequently Asked Questions about react-email

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I build email templates with React for Resend?▼

To build email templates with React for Resend, author your templates as TSX components using @react-email/components, then pass the template directly to Resend's react parameter for server-side rendering and cross-client HTML delivery.

What is the react parameter in Resend used for?▼

The react parameter in Resend is used to pass React-based email components for server-side rendering. It allows you to send transactional or marketing emails by rendering TSX templates into cross-client compatible HTML.

Can I use Tailwind CSS to style React email templates?▼

Yes, you can style React email templates using Tailwind CSS through the optional Tailwind component provided by @react-email/components, ensuring compatible styling across various email clients.

How do I preview React email templates locally during development?▼

You can preview React email templates locally by using the included development server, which provides hot reload capabilities to view template changes in real-time before rendering through Resend.

Do I need React and ReactDOM installed to use react-email?▼

Yes, you need React, ReactDOM, and their associated type definitions installed as dependencies, alongside the @react-email/components package, to author and server-side render TSX email templates.