DEV Community

Cover image for I built a free online HTML email signature generator
yifeng jiang
yifeng jiang

Posted on

I built a free online HTML email signature generator

Professional email signatures look simple, but building one manually can be surprisingly annoying.

You often end up dealing with HTML tables, inline styles, image hosting, spacing quirks, and different rendering behavior across Gmail, Outlook, Apple Mail, and other email clients.

So I built a free online tool for creating HTML email signatures directly in the browser:

👉 Email Signature Generator

What it does

Email Signature Generator lets you create a professional email signature without installing anything or hand-writing HTML.

You can:

  • choose a professional template
  • add your name, title, company, and contact details
  • upload an avatar or logo
  • customize brand colors
  • add social links
  • preview the signature online
  • copy or export clean HTML for email clients

The free plan lets anyone create one email signature online.

Why I built it

I wanted a simple workflow:

  1. Open the tool in the browser
  2. Pick a template
  3. Fill in profile and brand details
  4. Preview the result
  5. Copy the HTML into Gmail, Outlook, Apple Mail, or another email client

No design tool.

No browser extension.

No manual HTML editing.

The tricky part

Email HTML is different from modern web HTML.

Many email clients do not support the same CSS features we use in normal web apps. Layout, fonts, images, spacing, and dark mode can behave differently depending on the client.

Because of that, the goal is not to generate fancy web markup. The goal is to generate predictable, email-client-friendly HTML that is easy to copy and use.

Who it is for

This may be useful for:

  • freelancers
  • founders
  • consultants
  • developers
  • sales teams
  • creators
  • anyone who wants a cleaner business email signature

Feedback wanted

I would love feedback from the DEV community on:

  • Gmail / Outlook / Apple Mail compatibility
  • HTML output quality
  • missing templates
  • export options
  • anything that feels awkward in the online editor

Try it here:

https://email-signature-generator.online

Top comments (0)