https://github.com/taedmonds/react-custom-cursor

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

css custom-cursor react react-component

Last synced: 2 months ago
JSON representation

Add a custom cursor for your website/web application

• Host: GitHub
• URL: https://github.com/taedmonds/react-custom-cursor
• Owner: taedmonds
• 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: 2026-04-15T13:48:22.790Z (3 months 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!**