Skip to content

Daim-Nickel-Penny/follow-cursor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Status Up Build

Follow-Cursor

Description: This is a React Context API and React hooks-based interactive javascript cursor. The cursor replaces the standard cursor icon with a SVG circle which changes as per the hover or click action.

Other things to include:

  • Technology stack: React, Context-Api

  • Status: Build

Demo

Demo

Dependencies

"react": "^17.0.2",

"react-dom": "^17.0.2",

"react-scripts": "5.0.0",

How to test the Project

  1. Fork the project.

  2. Open the folder in your editor. In terminal, copy and run

    git clone https://github.com/Daim-Nickel-Penny/follow-cursor.git

  3. Open the follow-cursor folder in the editor. Run npm install

  4. Once the npm libraries are installed. Run npm start

  5. Voila!

Future Prospect

I am planning to convert this into a reusable NPM package that can be installed in any react project. Also, the cursor component will be designed as a reusable component for passing style props. This will get the power to customize the looks of the cursor and also control the hover animations.


Hey! Make Sure To Starrrrr

About

React based animated Cursor

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published