mailtoFixer.js ✨

Convert frustrating mailto: links into beautiful modals while protecting your email from spam bots.

👀 See it in Action

Click the links below. Instead of launching a local desktop email client you never configured, you get a clean, accessible choice.

1. Classic mailto: Link

Even simple text links work automatically without configuration:

john.doe@example.com

2. Obfuscated Anti-Spam Button

Safely hide your email from scraping bots using our data attributes:

Contact Us
✨
Better UX

Stop annoying users. Let them copy the address or choose Gmail/Outlook web natively.

đŸ›Ąī¸
Anti-Spam

Obfuscate your emails in HTML to block 99% of scraping bots automatically.

🌗
Dark Mode Ready

Zero configuration required. Intercepts system settings for perfect theming.

đŸĒļ
Lightweight

No heavy dependencies. Pure vanilla JS and CSS designed for modern browsers.

🚀 Quick Install

Paste this single line of code right before the closing </body> tag on your website:

<script src="https://cdn.jsdelivr.net/npm/mailto-fixer/dist/mailtoFixer.min.js"></script>

That's it! All your standard <a href="mailto:..."> links are instantly upgraded.

đŸ›Ąī¸ Anti-Spam Obfuscation

To protect your email from bot scrapers, stop outputting href="mailto:..." in your HTML. Use our custom data attributes instead:

<a href="#" 
   data-mailtofixer-username="john" 
   data-mailtofixer-domain="gmail.com">
   Email me here!
</a>

If you want the text inside the link to be automatically replaced with the generated email address, simply add data-mailtofixer-replace-content="true" to the <a> tag.