Free tool
Email section divider generator
Design a wave, curve, zigzag, slant, or bubble transition between two colored sections — up to 3 stacked layers, fully recolorable — then grab a PNG/SVG or copy the email HTML.
1. Top background
2. Bottom background
Divider boundary 1
Preview (2-layer)
Email HTML integration
Upload the downloaded PNG to your own image host, then drop this table into your email — swap the placeholder src for your hosted URL.
<!-- Email section divider -->
<div style="line-height: 0; font-size: 0;" align="center">
<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="max-width: 600px; width: 100%;">
<tr>
<td style="padding: 0; margin: 0;">
<img src="https://YOUR-CDN.com/assets/email-divider.png"
width="600"
alt="Section divider"
style="display: block; width: 100%; max-width: 600px; height: auto; border: 0;" />
</td>
</tr>
</table>
</div>
<!-- End section divider -->Want dividers built right into your email builder?
Pagenflow's drag-and-drop builder generates and hosts these transitions for you — no manual export needed.
No credit card required