svelte-hidden-email

Obfuscate email addresses from bots in your svelte project

Installation 🔧

First you need a Svelte 3 project. Its starter template lives at https://github.com/sveltejs/template.

Then install the component by running the following command in your project's directory:

npm install svelte-hidden-email

Features ❤

• Zero dependencies!
• Protects you from 99.9% of scrapping bots
• Renders an empty standard <a> tag

How to use 🚀

1. First import the component on your svelte page's script section.

import HiddenEmail from 'svelte-hidden-email/src/index.js'

2. Call the component where you want it to be placed e.g.:

<HiddenEmail to="[e-mail]" title="Send us an email" />

If you input an invalid email address nothing will be rendered and a console error will be produced.

How it works 🔮

The email is rendered inside a CSS psuedo-element leaving the <a> tag empty.

The Cons ❌

• Bots that do OCR can still scrap emails hidden with this trick

Contribution 🖇️

Feel free to fork. If you find a bug or got something great to add make a pull request!

Authors ✒️

• ** John Rallis ** - * Initial Work * - rallisf1

You can also look at the list of all the contributors who have participated in this project.

License 📄

This project is free to use, edit & distribute under the GNU GPLv3 License.

Expressions of Gratitude 🎁

• Tell others about this project 📢
• Buy me a beer 🍺 or coffee ☕ | ₿ Crypto |💰 Cash
• Publicly thanks 🤓

---

⌨️ with ❤️ by rallisf1 😊