DEV Community 👩‍💻👨‍💻

Cover image for Made with love
Alohe
Alohe

Posted on

Made with love

Introducing Made with Love: a lightweight JavaScript library that allows you to add a "Made with Love" tag to your web page in just a few seconds. This open-source project was created to make it easy for developers to add a touch of personality to their websites and show that they take pride in their work.

Made with Love is written in pure JavaScript and weighs in at just 3kb. It is designed to be easy to use and highly customizable, so you can tailor the "Made with Love" tag to suit your website's style and branding.

It provides several options that you can use to customize the appearance of the tag, including the tag text, link, position, background color, and text color. You can set these options by simply passing them as attributes in the JavaScript code.

Here's an example of how to use Made with Love:

<script 
  src="https://cdn.jsdelivr.net/gh/alohe/made-with-love/src/made-with-love.min.js" 
  tagText="Made with ❤️ by Alohe" 
  tagLink="https://alohe.github.io" 
  tagPosition="bottom-right" 
  background="#0f42ce" 
  textColor="white"
></script>
Enter fullscreen mode Exit fullscreen mode

As you can see, all you need to do is add the JavaScript code to your web page, and the "Made with Love" tag will appear in the bottom-right corner of the screen.

In short, Made with Love is the perfect way to give your website a personal touch. With just a few lines of code, you can add a sweet little tag to your site that says "Made with ❤️ by ____" And the best part? It's lightweight, customizable, and easy to use, so you can get back to the real work of developing your site. Give it a try and see how it can add a touch of love to your projects.

And the best part is that it's open-source, so you can play around with it and customize it. Check it out here to get started. Happy coding!

Top comments (0)

Visualizing Promises and Async/Await 🤯

async await

☝️ Check out this all-time classic DEV post