Use the templates as a starting point and customize them to match your brand. - View Templates

​
Customization Tips

  • Modify color schemes to match your brand palette in the src/config/config.ts file
  • Adjust layout and spacing in the src/emails/components folder
  • Replace placeholder content with your own text and imagery
  • Ensure responsive design across different email clients

​
Example

example.ts
...
import { render } from "@react-email/render";
import EmailVerificationEmail from "@/emails/email-verification";
...

const html = await render(
	ChangeEmailVerificationEmail({
		name: 'John Doe',
		baseURL: 'https://example.com',
		socials: {
			x: 'https://x.com/john_doe',
			linkedin: 'https://linkedin.com/in/john_doe',
		},
		verificationUrl: 'https://example.com/verification',
	})
);

​
Email Templates

Currently, the following email templates are available:
  • EmailVerificationEmail
  • ResetPasswordEmail
  • MagicLinkEmail
  • ChangeEmailVerificationEmail