Skip to content

Gautam-Arora24/pointer.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A simple library to provide you static custom cursors in your website just by adding some classes 🥷 ⚡️

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published