Skip to content
Sently

Free HTML Email Templates for Developers

Battle-tested, responsive email templates written in robust table layouts for maximum inbox compatibility. Copy and drop them directly into your application or transactional email workflow.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Welcome</title>
</head>
<body style="margin: 0; padding: 40px 0; background-color: #f6f9fc; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td align="center">
        <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); overflow: hidden;">
          <tr>
            <td style="padding: 40px; text-align: center; border-bottom: 1px solid #e6ebf1;">
              <h1 style="margin: 0; font-size: 24px; color: #32325d; font-weight: 600;">Welcome to {{app_name}}</h1>
<!-- ... -->

Welcome Email

A clean onboarding email with a CTA button to welcome new signups and drive activation.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Reset Password</title>
</head>
<body style="margin: 0; padding: 60px 0; background-color: #ffffff; font-family: Inter, -apple-system, Helvetica, Arial, sans-serif;">
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td align="center">
        <table role="presentation" width="500" cellpadding="0" cellspacing="0" border="0" style="border: 1px solid #eaeaea; border-radius: 12px;">
          <tr>
            <td style="padding: 40px;">
              <h2 style="margin: 0 0 16px 0; font-size: 22px; color: #000000; font-weight: 600;">Reset your password</h2>
<!-- ... -->

Password Reset

Simple, secure password reset email with a direct link and a fallback one-time security code.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Your Receipt</title>
</head>
<body style="margin: 0; padding: 40px 0; background-color: #fafafa; font-family: Helvetica, Arial, sans-serif;">
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td align="center">
        <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff; border-top: 4px solid #10b981; border-radius: 0 0 8px 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
          <tr>
            <td style="padding: 40px;">
              <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<!-- ... -->

Order Receipt

A transactional receipt with item name, quantity, price breakdown, and invoice metadata.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Team Invitation</title>
</head>
<body style="margin: 0; padding: 40px 0; background-color: #f3f4f6; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td align="center">
        <table role="presentation" width="500" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff; border-radius: 16px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05); text-align: center;">
          <tr>
            <td style="padding: 48px 40px;">
              <img src="https://ui-avatars.com/api/?name={{inviter_name}}&background=e0e7ff&color=4f46e5&rounded=true" width="64" height="64" style="border-radius: 50%; margin-bottom: 24px;" alt="Inviter Avatar">
<!-- ... -->

Team Invite

Invite a collaborator to join your workspace or organization with clear permissions and role details.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>System Alert</title>
</head>
<body style="margin: 0; padding: 40px 0; background-color: #111827; font-family: -apple-system, sans-serif;">
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td align="center">
        <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" style="background-color: #1f2937; border-radius: 8px; border-left: 4px solid #ef4444; overflow: hidden;">
          <tr>
            <td style="padding: 24px 32px; background-color: rgba(239, 68, 68, 0.1);">
              <h1 style="margin: 0; font-size: 18px; font-weight: bold; color: #fca5a5;">&#9888; CRITICAL ALERT: {{service_name}}</h1>
<!-- ... -->

System Alert

A warning notification email for system monitoring, metrics spikes, or security incidents.

Send these templates instantly with the Sently API

Deliver transactional emails at scale with developer-friendly APIs, high deliverability, and intuitive dashboards. Get up and running in under 5 minutes.