Custom Cursor Effects

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

Article on Codrops

Demo

Setup

• 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

Usage

• 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.

Credits

• Thanks IamManchanda for the nice dev setup gulp-webpack, which I forked for this project
• Images from Unsplash.com
• Paper.js by Jürg Lehni & Jonathan Puckey
• Simplex Noise by Jonas Wagner
• PhotoSwipe by Dmitry Semenov
• Swiper by iDangero.us
• TweenMax by Greensock
• Lazysizes by Alexander Farkas

License

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.

Misc

Follow Stefan Kaltenegger: Twitter, GitHub

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

© Codrops 2019