Project
Roulette

Email Signature Builder

Design a signature, copy it, and have it survive Outlook.

BeginnerWeb appTool6–14hAI-buildable 5/5no setupworth shipping

Build an email signature visually and export HTML that actually renders in mail clients. That constraint is the whole project — email HTML means tables, inline styles and no flexbox, which is a genuinely instructive corner of the platform.

UI
Logic
Useful

Hosting · Free forever

Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.

Deploy it and share a link.

Core features · 7

  • Form fields for name, role, contact details and links
  • A live preview of the signature
  • Several layout templates to choose from
  • Exported HTML uses tables and inline styles for mail client compatibility
  • A copy button places the rich signature on the clipboard
  • Image and logo support with size constraints
  • The configuration persists

The interesting part

  • Email HTML rules are far more restrictive than web HTML
  • Copying rich HTML to the clipboard so it pastes formatted
  • Images needing to be hosted or inlined as data URIs

Once it works

  • Add a dark-mode-safe variant
  • Add team mode generating signatures from a roster CSV
  • Add a compatibility warning list per template

Suggested stack

reacttypescripttailwindreact-hook-form

Track it