/SmartCursor

A beautiful cursor on a pure js that takes the form of the elements it is hovered over.

Primary LanguageJavaScript

Smart Cursor js

Usage

<script src="./SmartCursor.js"></script>

You can change the cursor theme and laziness in the script file

const THEME = 'BLACK';
const LAZINESS = 200;

Use the SC-block and SC-text classes to designate interactive elements

<button class="SC-block">Button</button>
<h1 class="SC-text">Title</h1>

Examples

White cursor

Alt Text

Black cursor

Alt Text

I hope you enjoy it 😉