Interactive Circle Cursor In JavaScript – Pointer.js

Preview:

Description:

Pointer.js is a really simple JavaScript library that creates an interactive, customizable, circular cursor to replace the native mouse pointer.

How to use it:

1. Import the stylesheet pointer.css and JavaScript pointer.js into the HTML file.

<link href="./pointer.css" rel="stylesheet">
<script src="./pointer.js"></script>

2. Initialize the plugin with default options.

init_pointer();

3. Customize the pointer color.

init_pointer({
  pointerColor: "#222"
})

4. Customize the appearance of the ring displayed around the pointer.

init_pointer({
  pointerColor: "#222",
  ringSize: 15,
  ringClickSize: 10
})

Changelog:

11/21/2020

• CSS fixed