React Email

React email template components

FreeEmail, forms & notificationsreact.email

What it is

Open-source component library for building HTML emails in React and TypeScript, maintained by Resend. Ships unstyled primitives (Html, Button, Container, Section, Tailwind) plus a local preview server, link linter, spam-score check and client compatibility checker. Renders to HTML or plain text for any provider.

Why it earns a slot

Stops you hand-writing nested-table email HTML in 2026. Write JSX, preview it at localhost:3000, then render() to HTML and hand it to Resend, Postmark or SES.

Know before you commit

Renders cleanly in Gmail and Apple Mail, but Outlook on Windows still uses the Word rendering engine — preview there before shipping anything with fancy layout.

Getting started

npx create-email@latest

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free and MIT-licensed. No paid tier — you pay only whatever sending provider you point it at.

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate React Email (https://react.email) for this project, then use it only if it fits what we are already building.
Context: React email template components. Open-source component library for building HTML emails in React and TypeScript, maintained by Resend. Ships unstyled primitives (Html, Button, Container, Section, Tailwind) plus a local preview server, link linter, spam-score check and client compatibility checker. Renders to HTML or plain text for any provider.
Reviewer notes (general, not written for this codebase): Stops you hand-writing nested-table email HTML in 2026. Write JSX, preview it at localhost:3000, then render() to HTML and hand it to Resend, Postmark or SES.
Watch out for: Renders cleanly in Gmail and Apple Mail, but Outlook on Windows still uses the Word rendering engine — preview there before shipping anything with fancy layout.
Pricing: Free and MIT-licensed. No paid tier — you pay only whatever sending provider you point it at.
Setup: npx create-email@latest
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/react-email

Neighbourhood

How React Email sits against the rest of the atlas — swaps, companions and the tools builders actually save alongside it.

Instead of thisDiscord Webhooks Formik React Hook Form Slack Incoming Webhooks Amazon SES Basin

Named in the wiringTypeScript Postmark Resend Render

Also in Email, forms & notifications

Amazon SES

aws.amazon.com

Cheapest bulk email (AWS)

PaidEmail, forms & notifications

A la carte $0.10 per 1,000 emails. Essentials plan $0.16 per 1,000. Outbound attachment data $0.12/GB, managed dedicated IPs $15/mo. New AWS accounts get up to $200 in Free Tier credits.

Open dossier

Basin

usebasin.com

Form backend with spam blocking

Free tier + paidEmail, forms & notifications

Free: 50 submissions/mo, 1 form, 30-day retention. Starter $12.50/mo (250), Growth $24.17/mo (1,000, unlimited forms), Pro $30.62/mo (5,000), Agency $81.25/mo (25,000), billed yearly.

Open dossier

Courier

courier.com

Multi-channel notification API

Free tier + paidEmail, forms & notifications

Free Developer: 10,000 sends/mo. Business is usage-based at $0.005 per send beyond that. Enterprise is custom with volume discounts.

Open dossier

Discord Webhooks

docs.discord.com

Community alerts via webhook

FreeEmail, forms & notifications

Free. No bot user, OAuth or authentication required; standard Discord API rate limits apply per webhook.

Open dossier