https://github.com/terance-edmonds/react-custom-cursor

Add a custom cursor for your website/web application
https://github.com/terance-edmonds/react-custom-cursor

css custom-cursor react react-component

Last synced: over 1 year ago
JSON representation

Add a custom cursor for your website/web application

• Host: GitHub
• URL: https://github.com/terance-edmonds/react-custom-cursor
• Owner: terance-edmonds
• Created: 2021-01-15T08:05:57.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-01-15T09:26:44.000Z (over 5 years ago)
• Last Synced: 2025-01-16T02:49:32.546Z (over 1 year ago)
• Topics: css, custom-cursor, react, react-component
• Language: JavaScript
• Homepage:
• Size: 7.81 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# How to Use

**step 1 :**  Make sure in any of your css cursor is not styled. (eg: cursor: pointer) 


**step 2 :**  Copy the above  ***Cursor*** folder to your react project  


**step 3 :**  Run the following code and install classnames library 

              > npm i classnames   


**step 4 :**  Import ***Cursor.js*** in your ***App.js*** as shown in the figure 


![cursour_guide](https://user-images.githubusercontent.com/67228515/104703920-f92c8c80-573d-11eb-89a0-4e7ee65dae33.png)

**Thats It. Enjoy!**