Skip to content

Latest commit

History

History
62 lines (34 loc) 路 2.03 KB

README.md

File metadata and controls

62 lines (34 loc) 路 2.03 KB

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