Free Email Signature Generator

How this tool computes its result

Renders an HTML table-based signature (for broad email-client compatibility) from one of five hard-coded style templates — minimal, professional, modern, bold, elegant — each a distinct template-literal string interpolating name, title, company, and contact fields, plus optional social links rendered either as small inline SVG icons or plain text links, and style controls for text/link/accent color, font family and size, logo size, and a separator toggle. Saved signatures persist to the browser's localStorage under the key 'email-signatures', not to any server or account.

Worked example

With name='Jane Doe', title='Head of Growth', company='Acme Inc.', email='jane@acme.com', style='professional' (accentColor default #3498db), the generator produces a table with a 4px colored bar down the left edge and a two-column block listing Email/Phone/Web/Address rows, e.g. an Email row rendering as an anchor with href='mailto:jane@acme.com'.

When not to use this tool

The live preview and the copyable HTML are both empty until the 'Full Name' field is non-blank — htmlSignature returns an empty string as long as config.name.trim() is falsy, so a partially filled-in form (say, just an email address) produces no visible output at all.

Common mistakes

• - Pointing the logo field at a locally hosted or blob: URL — logoUrl is embedded verbatim as an <img src>, so anything other than a public, permanently reachable image URL will show as a broken image once the signature is pasted into an actual email client.
• - Assuming saved signatures sync across browsers or devices — they only live in the current browser's localStorage; clearing site data or switching machines loses them.
• - Toggling 'Use social media icons' off and back on later — icon color is generated from the current textColor at render time, so changing textColor in between means the icons won't match colors chosen earlier.

Related tools