@jasperj1/pointer.js

1.0.3 • Public • Published

pointer.js

pointer.js is a simple library to provide you custom build static designs of cool cursors that you can add them on your websites.


NPM NPM JavaScript Style Guide contributions welcome to pointer.js

Logo


Usage

<script src="https://cdn.jsdelivr.net/npm/@jasperj1/pointer.js@1.0.2/dist/index.min.js"></script>

Just add this CDN link to your HTML document.

How to use?

pointer.js is a simple library that makes you add different classes to the HTML elements and helps you provide custom cursors to that particular HTML element.

Just like you add Bootstrap classes, simply plug it in some classes provided by pointer.js and see the magic ⚡️

snow_cursor

<div class="snow_cursor" color="hotpink"></div>

chrome_cursor

<div class="snow_cursor" outer_color="hotpink" inner_color="red"></div>

simple_cursor

<div class="simple_cursor" color="hotpink"></div>

pen_cursor

<div class="pen_cursor" color="hotpink"></div>

rim_cursor

<div class="pen_cursor" inner_color="hotpink" outer_color="red"></div>

⚠️ If you don't provide the color attribute, the fallback color will be black.

For Live Demo, visit this link -> https://codesandbox.io/s/pointer-js-demo-ih33uy?file=/index.html

License

ISC © Gautam-Arora24

Readme

Keywords

none

Package Sidebar

Install

npm i @jasperj1/pointer.js

Weekly Downloads

2

Version

1.0.3

License

ISC

Unpacked Size

471 kB

Total Files

30

Last publish

Collaborators

  • jasperj1