https://github.com/hmu332233/react-cursor-spotlight

It is a react component that implements the cursor spotlight effect on mousemove.
https://github.com/hmu332233/react-cursor-spotlight

Last synced: 4 days ago
JSON representation

It is a react component that implements the cursor spotlight effect on mousemove.

• Host: GitHub
• URL: https://github.com/hmu332233/react-cursor-spotlight
• Owner: hmu332233
• License: mit
• Created: 2021-04-10T17:19:01.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-04-11T10:45:07.000Z (over 3 years ago)
• Last Synced: 2024-04-24T22:22:26.871Z (7 months ago)
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/react-cursor-spotlight
• Size: 1.22 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-cursor-spotlight

![demo_gif](docs/demo.gif)

It is a react component that implements the cursor spotlight effect on mousemove.

[Demo](https://hmu332233.github.io/react-cursor-spotlight)

## Install

```bash

$ yarn add react-cursor-spotlight

// or

$ npm install --save react-cursor-spotlight

```

## Usage

**basic**

```jsx

import { CursorSpotlight } from 'react-cursor-spotlight';

  
Contents


```

**custom spotlight**

```jsx

import { CursorSpotlight } from 'react-cursor-spotlight';

const spotlightStyle = {

  width: '50px',

  height: '50px',

  radius: '0%',

  backgroundColor: '#fff',

};

  
Contents


```