react-custom-pointer

A library that can create custom design that follows around your mouse cursor on the screen.

Usage no npm install needed!

<script type="module">
  import reactCustomPointer from 'https://cdn.skypack.dev/react-custom-pointer';
</script>

README

React Custom Pointer

A library that can create custom design that follows around your mouse cursor on the screen.

Installation

Using npm:

$ npm install react-custom-pointer --save

Example

import React from "react";
import Cursor from "react-custom-pointer";

export default function Example() {
  return (
    <>
      <Cursor type="default">
            {/* YOUR DESIGN HERE */}
            <div>SAMPLE</div>
      </Cursor>
    </>
  );
}

Browser Support

Chrome Firefox Safari Opera Edge IE
Latest ✔ Latest ✔ Latest ✔ Latest ✔ Latest ✔ 11 ✔