Resend · Email for developers

4 min read Original article ↗

Floor background

Email for
developers

The best way to reach humans instead of spam folders. Deliver transactional and marketing emails at scale.

Light ray background

Companies of all sizes trust Resend to deliver their most important emails.

Integrate

A simple, elegant interface so you can start sending emails in minutes. It fits right into your code with SDKs for your favorite programming languages.

First-class
developer experience

We are a team of engineers who love building tools for other engineers.
Our goal is to create the email platform we've always wished we had — one that just works.

Test Mode

Simulate events and experiment with our API without the risk of accidentally sending real emails to real people.

Learn more

Modular Webhooks

Receive real-time notifications directly to your server. Every time an email is delivered, opened, bounces, or a link is clicked.

Learn more

Write using a delightful editor

A modern editor that makes it easy for anyone to write, format, and send emails.
Visually build your email and change the design by adding custom styles.

Fromyour.name@acme.com

To Newsletter Subscribers

SubjectWeekly Newsletter

Full-screen image

Go beyond editing

Group and control your contacts in a simple and intuitive way.
Straightforward analytics and reporting tools that will help you send better emails.

Contact Management

Import your list in minutes, regardless the size of your audience. Get full visibility of each contact and their personal attributes.

Learn more

Broadcast Analytics

Unlock powerful insights and understand exactly how your audience is interacting with your broadcast emails.

Learn more

Develop emails using React

Create beautiful templates without having to deal with <table> layouts and HTML.
Powered by react-email, our open source component library.

1import { Body, Button, Column, Container, Head, Heading, Hr, Html, Img, Link, Preview, Row, Section, Text, Tailwind } from '@react-email/components';

2import * as React from 'react';

3

4const WelcomeEmail = ({

5 username = 'Steve',

6 company = 'ACME',

7}: WelcomeEmailProps) => {

8 const previewText = `Welcome to ${company}, ${username}!`;

9

10 return (

11 <Html>

12 <Head />

13 <Preview>{previewText}</Preview>

14 <Tailwind>

15 <Body className="bg-white my-auto mx-auto font-sans">

16 <Container className="my-10 mx-auto p-5 w-[465px]">

17 <Section className="mt-8">

18 <Img

19 src={`${baseUrl}/static/example-logo.png`}

20 width="80"

21 height="80"

22 alt="Logo Example"

23 className="my-0 mx-auto"

24 />

25 </Section>

26 <Heading className="text-2xl font-normal text-center p-0 my-8 mx-0">

27 Welcome to <strong>{company}</strong>, {username}!

28 </Heading>

29 <Text className="text-sm">

30 Hello {username},

31 </Text>

32 <Text className="text-sm">

33 We're excited to have you onboard at <strong>{company}</strong>. We hope you enjoy your journey with us. If you have any questions or need assistance, feel free to reach out.

34 </Text>

35 <Section className="text-center mt-[32px] mb-[32px]">

36 <Button

37 pX={20}

38 pY={12}

39 className="bg-[#00A3FF] rounded-sm text-white text-xs font-semibold no-underline text-center"

40 href={`${baseUrl}/get-started`}

41 >

42 Get Started

43 </Button>

44 </Section>

45 <Text className="text-sm">

46 Cheers,

47 <br/>

48 The {company} Team

49 </Text>

50 </Container>

51 </Body>

52 </Tailwind>

53 </Html>

54 );

55};

56

57interface WelcomeEmailProps {

58 username?: string;

59 company?: string;

60}

61

62const baseUrl = process.env.URL

63 ? `https://${process.env.URL}`

64 : '';

65

66export default WelcomeEmail;

Logo Example

Welcome to ACME, user!

Hello Steve,

We're excited to have you onboard at ACME. We hope you enjoy your journey with us. If you have any questions or need assistance, feel free to reach out.

Cheers,
The ACME Team

Reach humans, not spam folders

Proactive blocklist tracking

Be the first to know if your domain is added to a DNSBLs such as those offered by Spamhaus with removal requests generated by Resend.

Faster Time to Inbox

Send emails from the region closest to your users. Reduce delivery latency with North American, South American, European, and Asian regions.

Build confidence with BIMI

Showcase your logo and company branding with BIMI. Receive guidance to obtain a VMC - the email equivalent of a checkmark on social media.

Managed Dedicated IPs

Get a fully managed dedicated IP that automatically warms up and autoscales based on your sending volume, no waiting period.

Dynamic suppression list

Prevent repeated sending to recipients who no longer want your email and comply with standards like the CAN-SPAM Act and others.

IP and domain monitoring

Monitor your DNS configuration for any errors or regressions. Be notified of any changes that could hinder your deliverability.

Verify DNS records

Protect your reputation by verifying your identity as a legitimate sender. Secure your email communication using DKIM and SPF.

Battle-tested infrastructure

Rely on a platform of reputable IP's used by trustworthy senders with distributed workloads across different IP pools.

Prevent spoofing with DMARC

Avoid impersonation by creating DMARC policies and instructing inbox providers on how to treat unauthenticated email.

Vercel

Resend is transforming email for developers. Simple interface, easy integrations, handy templates. What else could we ask for.

Guillermo Rauch

CEO at Vercel

Send with Next.js

Everything in your control

All the features you need to manage your email sending, troubleshoot with
detailed logs, and protect your domain reputation – without the friction.

Resend Dashboard - Overview

Beyond expectations

Resend is driving remarkable developer experiences that enable success
stories, empower businesses, and fuel growth across industries and individuals.

Email reimagined.
Available today.