A simple way to enhance your mailto links with a convenient user interface.

Usage no npm install needed!

<script type="module">
  import oditMailymaily from 'https://cdn.skypack.dev/@odit/mailymaily';


ODIT.Services - MailyMaily

A better mailto based on mailtoui.

🛠 Building

yarn && yarn build




Via yarn/npm:

yarn add @odit/mailymaily
# Or
npm i @odit/mailymaily

Or just copy the file dist/mailymaily.js to your prefered folder.


Basic: Link the dist file mailymaily.min.js at the bottom of your footer.

<script src="node_modules/@odit/mailymaily/dist/mailymaily.min.js"></script>

Alternatively: Add defer or async=false when linking in the header

    <script src="node_modules/@odit/mailymaily/dist/mailymaily.min.js" defer></script>
    <!-- or -->
    <script src="node_modules/@odit/mailymaily/dist/mailymaily.min.js" async=false></script>

VueJS & NuxtJs

Place the dist file "mailymaily.min.js" in the static folder. Link the dist file at the bottom of your layout, for example:

    <Header />
    <Nuxt />
    <Footer />
    <script src="/libs/mailymaily.min.js"></script>