@christian-martins/react-cursor-follow

---

react-cursor-follow

npm i react-cursor-follow

---

A modern cursor follower react component.

Quick Start

Check out the example on CodeSandbox

import * as React from 'react'
import Cursor from 'react-cursor-follower'

const Component = (props) => {
  return <Cursor 
	pulse
	color="#E1AD01"
	duration={1}
	size={45}
	hollow
  />
}

Props

UseMouseOptions

Property	Type	Default	Description
size	number	23	The size of the follower in px.
color	string	black	Any CSS color format works. Used for either background or border-color.
pulse	boolean	false	Activate infinite pulse animation.
hollow	boolean	false	Follow circle becomes hollow and has border with 1px and same color as color.
opacity	number	1	Range [0, 1]
easing	string	cubic-bezier(0.18, 0.89, 0.32, 1.28)	CSS Easing function for follower transition.
duration	number	0.4	Transition duration in seconds.
custom	boolean	false	Set to true if you want to use your own CSS class.

LICENSE

MIT