Create Beautiful Email Templates with new.email
Learn how to create stunning email templates for your startup using new.email by Resend.
About new.email
SuperFast Startup Plan
How to Create an Email Template with new.email
Follow these simple steps to create your first email template:
# 1. Visit https://new.email in your browser# 2. Sign in with your Google account or create a free account# 3. Click 'Create New Template' to start from scratch# 4. Use the drag-and-drop editor to build your template# 5. Customize colors, fonts, and content to match your brand# 6. Preview your template on different devices# 7. Export your template as React component# 8. Use the exported React component with your email service providerWhy Use new.email for Your Email Templates
new.email offers several advantages for creating email templates:
Beautiful, Responsive Templates
Create stunning email templates that look great on all devices, from mobile phones to desktop computers. Our templates are optimized for readability and engagement across all screen sizes.
Easy to Use
No coding required - create professional templates with our intuitive drag-and-drop interface. Perfect for designers and non-technical team members who want to create emails without writing a single line of code.
Customizable to Your Brand
Easily customize templates to match your startup's branding and theme. Import your brand colors, fonts, and logos to create a consistent look and feel across all your email communications.
Free to Use
Create and export email templates without any cost. Perfect for startups and small businesses looking to create professional emails without investing in expensive email design tools.
Integrating with Resend
If you want to send emails using Resend, you can easily integrate your new.email templates:
import { Resend } from 'resend'; import { useState } from 'react'; // Create a React component for sending emails export default function EmailSender() { const [emailSent, setEmailSent] = useState(false); const [error, setError] = useState<string | null>(null); const sendEmail = async () => { try { const resend = new Resend('re_123456789'); const { data, error } = await resend.emails.send({ from: 'Your Company <onboarding@resend.dev>', to: 'user@example.com', subject: 'Welcome to Our Platform', react: <EmailTemplate />, // Your React email template component }); if (error) { setError(error.message); } else { setEmailSent(true); } } catch (err) { setError('Failed to send email'); } }; return ( <div> <button onClick={sendEmail}>Send Welcome Email</button> {emailSent && <p>Email sent successfully!</p>} {error && <p>Error: {error}</p>} </div> ); } // Example React email template component function EmailTemplate() { return ( <div> <h1>Welcome to Our Platform</h1> <p>Thank you for signing up! We're excited to have you on board.</p> <p>Get started by exploring our features:</p> <ul> <li>Feature 1</li> <li>Feature 2</li> <li>Feature 3</li> </ul> <p>If you have any questions, feel free to reach out to our support team.</p> <p>Best regards,<br />Your Company Team</p> </div> ); } Ready to Create Beautiful Emails
- Free, easy-to-use template editor
- Responsive designs that work on all devices
- Customizable to match your brand
- Seamless integration with Resend for sending emails
