Hey folks out there this repository is about a custom cursor generated using JavaScript and by using this library you can get a custom cursor just by adding two lines in your HTML it's simple as that.
Those who don't know what custom cursor stands for so here is a preview for you.
<head>
<link rel="stylesheet" href="https://raw.githubusercontent.com/theuitown/electron-cursor.js/master/cursor.css">
</head>
<body>
<!-- add this at the end of body -->
<div class="cursor-dot-outline"></div> <div class="cursor-dot"></div>
<script src="https://codepen.io/harsh-vardhan/pen/yWzQBq.js">
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</body>
If you want to customise the colour of the cursor you can add these few lines in your CSS.
.cursor-dot {
width: your-choice; height: your-choice; background-color:your-choice;
}
.cursor-dot-outline {
width: your-choice; height: your-choice; background-color: your-choice; border: your-choice-border-width solid your-choice-color;
}
and ya you are good to go.