Mouselight js - Javascript

Mouselight js is a lightweight Javascript library that can be used to add a custom cursor effect on your website. With Mouselight js, you can customize your cursor to follow your mouse movements and add cool effects to your website. It is very easy to use and requires no extra dependencies.

Features

• Lightweight
• Easy to use
• Customizable cursor effects
• Works on all modern web browsers

Installation

To use Mouselight js, simply download the library and add it to your HTML file as a script tag.

<script src="path/to/mouselight.js"></script>

Usage

To add a custom cursor effect to your website, you first need to create a cursor element with a unique ID. This element will be used as your custom cursor.

<div id="custom-cursor"></div>

Next, you need to initialize Mouselight js by calling the init() function and passing in the ID of your custom cursor element.

mouselight.init('custom-cursor');

Now, you can add cursor effects by calling the addEffect() function and passing in a function that will be called on every mouse move event. This function will receive two parameters, the x and y coordinates of the mouse.

mouselight.addEffect(function(x, y) {
  // Your cursor effect code here
});

Mouselight js also comes with some built-in cursor effects that you can use by calling the addBuiltInEffect() function and passing in the name of the effect. Here are some examples:

mouselight.addBuiltInEffect('shine');
mouselight.addBuiltInEffect('bubble');
mouselight.addBuiltInEffect('firework');

Conclusion

Mouselight js is a simple and easy-to-use Javascript library that can add a lot of personality to your website. With its custom cursor effects, you can create a unique and engaging user experience. Feel free to experiment with different effects and customize your cursor to match your website's style.