Email Signature Generator
Design a clean, table-based HTML email signature with photo, social icons, brand colour and optional disclaimer. Outputs Outlook-friendly inline-style HTML and supports rich clipboard paste directly into Gmail and Outlook signature editors. Free and private.
What is the Email Signature Generator?
An email-signature generator turns a structured form into the HTML block that appears under every email you send. Toollyz Email Signature Generator outputs **table-based HTML with fully inline styles** — the only layout strategy that survives Outlook's Word-based renderer intact. Configure four tabs: Identity (name, pronouns, job title, company, photo URL with optional round/square crop), Contact (email, phone, website, address), Social (LinkedIn, X/Twitter, GitHub, Instagram, YouTube — only the ones you fill render), and Style (brand colour for the accent rule and links, optional disclaimer). The hero shows a true live preview rendered with `dangerouslySetInnerHTML` on a white background so you see exactly what the recipient will see. Two copy actions: **Copy rich** uses the Clipboard API's `ClipboardItem` to put both `text/html` and `text/plain` on your clipboard — paste straight into Gmail's or Outlook web's signature editor and the formatting survives. **Copy HTML source** gives the raw string for email clients that need a hand-edited template. Inline SVG social icons mean no external image dependency for the icons themselves (the photo still needs a public URL). Toollyz has no backend; your details save to localStorage on this device only.
How to use it
- Fill out the four tabs — Identity, Contact, Social, Style.
- Watch the live preview update as you type.
- Click Copy rich to paste straight into Gmail / Outlook signature settings.
- For Apple Mail or custom templates, use Copy HTML source.
Benefits
- Table-based HTML with fully inline styles — the only layout that survives Outlook intact.
- Live preview rendered on a white background so you see the recipient's view exactly.
- Five social platforms (LinkedIn, X/Twitter, GitHub, Instagram, YouTube) as inline SVG icons.
- Configurable brand colour drives the accent rule, the name link and the social icons.
- Optional pronouns, address and disclaimer fields.
- Round-avatar / square-logo toggle for the photo.
- Copy rich (`ClipboardItem` with text/html + text/plain) and Copy HTML source actions.
- 100% private — Toollyz has no backend, your details save to localStorage on this device only.
Frequently asked questions
Will it work in Outlook?
Yes — the signature uses `<table>` layout with all styles inline, which is what Outlook's Word-based renderer expects. Outlook desktop strips some advanced CSS (background images, flexbox); Toollyz avoids those entirely.
How do I add this to Gmail?
Settings → See all settings → General → scroll to Signature → click Create new → name it → click into the editor → click Copy rich in Toollyz → paste. The formatting carries over. Save changes at the bottom.
How do I add it to Outlook for the web?
Settings → Mail → Compose and reply → New signature → click into the editor → paste with Copy rich. For Outlook desktop, paste into the signature editor in File → Options → Mail → Signatures.
Apple Mail?
Apple Mail's signature editor strips rich-paste. The workaround: click Copy HTML source, save it as `signature.html`, open it in Safari, select all and copy from the rendered page, then paste into Apple Mail's signature editor. A bit clunky but it's Apple Mail's fault, not Toollyz's.
Where should I host the photo?
Anywhere publicly reachable over HTTPS — your company CDN, an avatar service, GitHub's avatar URLs, etc. Recipients' clients fetch the image at view time, so it must be public. 120×120 PNG or JPG renders crisply.
Can I add a custom social network?
Not in this release — only LinkedIn, X/Twitter, GitHub, Instagram and YouTube have built-in SVG icons. Custom icons would need to be hosted externally and the inline `<img>` swapped in manually (use Copy HTML source then edit).
Will images break for some recipients?
Some email clients (corporate Outlook, conservative webmail) block remote images by default until the user clicks "Show images". The signature still reads cleanly without the photo because the text block is on the right.
Why inline styles instead of a stylesheet?
Email clients strip `<style>` blocks aggressively — even Gmail rewrites them. Inline styles are the only universally-honored option. Toollyz produces fully-inlined HTML so the same string works in every client.
Is my data uploaded?
No. Toollyz has no backend. Your identity, contact and social links save to localStorage on this device only. The photo URL is rendered into the HTML — the photo file itself is hosted wherever you chose.
Is this Email Signature Generator free?
Completely free with no signup and no limits. Generate as many signatures as you like — privately in your browser.