react-cursor-custom

Custom cursor react component

Usage no npm install needed!

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

README

react-cursor

React custom cursor component

NPM JavaScript Style Guide

Live Example

Example

React Custom Cursor Demo

Installation

npm install --save react-cursor

or

yarn add react-cursor

Usage

import CursorProvider from 'react-cursor-custom' and wrap your main component with it.

import React from 'react'

import { CursorProvider } from 'react-cursor-custom'

const App = () => {
  return (
    <CursorProvider>
      <YourMainComponent/>
    <CursorProvider/>
  )
}

API

Prop name Description
color [string] color of ring and dot default is black
noRing [boolean] hide the outside ring
ringSize [number] size of the ring
transitionTime [number] transition time in ms

License

MIT © timmilesdw