mirror of
https://github.com/resend/react-email.git
synced 2026-09-14 14:18:02 +08:00
Gabriel Miranda
99cadf324e
Signed-off-by: gabriel miranda <gabriel@resend.com> Co-authored-by: cubic-dev-ai[bot] <191113872+cubic-dev-ai[bot]@users.noreply.github.com>
React Email Playground
This is a playground for React Email made to experiment with components in realtime.
It includes all components directly from source with a path alias import of react-email and hot reloading in the dev script.
Development workflow
1. Create an email template
Create a new file at playground/emails/testing.tsx
import { Html, Head, Body, Tailwind, Text } from 'react-email';
export default function Testing() {
return <Tailwind>
<Html>
<Head/>
<Body className="bg-black text-white">
<Text className="m-0 my-4 bg-cyan-200 text-slate-800">
This is a testing email template.
</Text>
</Body>
</Html>
</Tailwind>;
}
2. Run playground server
pnpm dev
3. Open in your browser
Go to http://localhost:3000