Package Exports

proteuscursor
proteuscursor/dist/proteus-cursor.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (proteuscursor) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

proteus-cursor

Proteus Cursor is a dynamic JavaScript library that revolutionizes web user interaction by transforming the mouse cursor based on HTML element interactions. Inspired by the shape-shifting god Proteus, this library allows the cursor to change into various shapes and behaviors, such as a dot, circle, or text, depending on the element it hovers over

Install via npm

npm install proteus-cursor

Import

<link rel="stylesheet" href="node_modules/proteus-cursor/dist/styles.css">

import 'proteus-cursor/dist/styles.css';

Usage

// Initialize Proteus Cursor with default settings
const cursor = new ProteusCursor();

// Example: Change cursor to a circle on hover over elements with class 'circle-hover'
cursor.addInteraction('.circle-hover', {
    cursorShape: 'circle',
    cursorColor: '#ff0000'
});

License

This project is licensed under the MIT License.