How do I add it to Gmail?

Click Copy signature, then paste into Settings → See all settings → Signature.

Why must my photo be a public URL?

Mail clients load images over the internet, so a local file path will appear broken to recipients.

Does it work in Outlook?

Yes. The markup uses tables and inline styles, which is the most compatible approach for Outlook.

Are my details stored?

No, everything stays in your browser and the HTML is generated locally.

Can I edit the HTML afterwards?

Yes, copy the HTML from the code panel and tweak it however you like.

Email Signature Generator

Design a professional HTML email signature and copy it into any mail client.

Works Offline

Privacy First

No Login

No API

Clipboard

Layout

Font

Accent

Your details

Full name

Job title

Company

Phone

Website

Photo / logo URL

Must be a public https image URL — mail clients can't read local files.

Preview

Rendered with the same inline styles mail clients receive.

Md Mohsin

Founder & Developer · Coders Hub

info@coders-hub.com
+91 90000 00000
coders-hub.com

HTML

<table cellpadding="0" cellspacing="0" border="0" style="font-family:Arial, Helvetica, sans-serif;">
  <tr>
    
    <td style="vertical-align:top;border-left:none;padding-left:0;"><div style="font-size:16px;font-weight:bold;color:#111;">Md Mohsin</div><div style="font-size:13px;color:#555;padding-top:2px;">Founder &amp; Developer · <span style="color:#e04a32;font-weight:bold;">Coders Hub</span></div><div style="font-size:13px;color:#555;padding-top:6px;"><a href="mailto:info@coders-hub.com" style="color:#e04a32;text-decoration:none;">info@coders-hub.com</a><br/><a href="tel:+919000000000" style="color:#e04a32;text-decoration:none;">+91 90000 00000</a><br/><a href="https://coders-hub.com" style="color:#e04a32;text-decoration:none;">coders-hub.com</a></div></td>
  </tr>
</table>

About the Email Signature Generator

Enter your name, role, company and contact links, pick a layout and accent colour, and get a table-based signature with inline styles that renders reliably in Gmail, Outlook and Apple Mail. Copy it as rich text or grab the raw HTML.

Examples

Photo layout

Name, role, company, photo URL

Output

Table with round avatar, accent divider and linked email

Accent bar

Layout: accent bar only

Output

Text block with a coloured left border and no image

Keyboard shortcuts

Copy the main outputCtrl / ⌘ + Shift + C
Download the resultCtrl / ⌘ + S
Share this toolCtrl / ⌘ + Shift + S
Reset the inputsAlt + R
Open the tool search paletteCtrl / ⌘ + K

Related tools

CSS Aspect Ratio Calculator

HTML & CSS

Simplify ratios and compute matching dimensions.

CSS Clamp() Calculator

HTML & CSS

Generate fluid typography clamp() CSS from min/max viewport and size.

CSS Scrollbar Styler

HTML & CSS

Design custom scrollbars with live preview.

CSS Transform Playground

HTML & CSS

Combine translate, rotate, scale, and skew with a live preview.

CSS Variables Theme Builder

HTML & CSS

Build a custom property theme with a live preview.

HTML Table Generator

HTML & CSS

Build an editable HTML table and export HTML + CSS.

Frequently asked questions

Version 1.0.0 · Updated 2026-08-13 · Runs entirely in your browser