Skip to content
Custom Cursor Demos and Tutorial for Codrops
JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 21c6f53 Feb 4, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
website fix scoping error Jan 28, 2019
.eslintignore initial commit Dec 13, 2018
.htpasswd demo 1 and 2 Dec 15, 2018
gulpfile.js demo 5 Dec 30, 2018
package-lock.json performance optimize 1 and 4 Jan 12, 2019
yarn.lock initial commit Dec 13, 2018

Custom Cursor Effects

Custom cursor effects demo and tutorial by Stefan Kaltenegger for Codrops.

Article on Codrops



  • Install Node
  • Optionally, also install Yarn or use Npm that comes with Node pre-installed
  • Install Gulp globally through npm install -g gulp@next
  • Install Webpack globally through npm install -g webpack
  • Install all packages with npm install or yarn install


  • Build the Project and Serve locally (for Production) - npm start or yarn start. The Production port is 8000.
  • Build the Project and Serve locally (for Development) - npm run dev or yarn run dev. The Development port is 3000.



This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.


Follow Stefan Kaltenegger: Twitter, GitHub

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest, Instagram

© Codrops 2019

You can’t perform that action at this time.