A simple way to enhance your mailto links with a convenient user interface.
MailtoUI is a JavaScript library that enhances your mailto links with a convenient user interface. It gives your users the flexibility to compose a new message using a browser-based email client or their default local email app.
MailtoUI is ideal for static sites or any other site where you don't want to spend time setting up a "Contact Us" form solution.
Add MailtoUI via CDN to the bottom of your page, just before the closing </body>
tag.
IMPORTANT: Be sure to replace [version]
with the latest version number.
<body>
...
...
<script src="https://cdn.jsdelivr.net/npm/mailtoui@[version]/dist/mailtoui-min.js"></script>
</body>
Attach your mailto link to MailtoUI by adding the class mailtoui
to the <a>
tag.
<a class="mailtoui" href="mailto:[email protected]">Contact Tony</a>
That's it! Your mailto link is now using MailtoUI. Refresh your page and try it out.
For full documentation, visit mailtoui.com.
If you're interested in contributing to MailtoUI, please follow the directions in the contributing docs before working on a pull request.