{"_id":"wow.js","_rev":"2891797","name":"wow.js","description":"Reveal CSS animation as you scroll down a page. By default, you can use it to trigger [animate.css](https://github.com/daneden/animate.css) animations. But you can easily change the settings to your favorite animation library.","dist-tags":{"latest":"1.2.2"},"maintainers":[{"name":"graingert","email":"tagrain@gmail.com"}],"time":{"modified":"2022-11-09T04:10:35.000Z","created":"2016-01-21T17:14:11.365Z","1.2.2":"2016-09-05T11:33:37.046Z","1.2.1":"2016-08-09T16:05:40.969Z","1.2.0":"2016-05-09T20:32:33.904Z","1.1.3":"2016-05-06T14:38:57.469Z","1.1.2":"2016-01-21T17:14:11.365Z"},"users":{},"repository":{"type":"git","url":"git://github.com/graingert/WOW.git"},"versions":{"1.2.2":{"name":"wow.js","title":"WOW","version":"1.2.2","main":"dist/wow.js","description":"Reveal CSS animation as you scroll down a page. By default, you can use it to trigger [animate.css](https://github.com/daneden/animate.css) animations. But you can easily change the settings to your favorite animation library.","keywords":[],"homepage":"https://wowjs.uk","contributors":[{"name":"Matthieu Aussaguel","email":"matthieu.aussaguel@gmail.com","url":"http://mynameismatthieu.com/"},{"name":"Thomas Grainger","email":"wow.js@graingert.co.uk","url":"https://graingert.co.uk/"}],"repository":{"type":"git","url":"git://github.com/graingert/WOW.git"},"bugs":{"url":"https://github.com/graingert/WOW/issues"},"license":"MIT","devDependencies":{"babel-eslint":"^6.0.4","babel-plugin-add-module-exports":"^0.2.0","babel-plugin-transform-es2015-modules-umd":"^6.8.0","babel-preset-es2015":"^6.6.0","babel-preset-stage-1":"^6.5.0","eslint-config-airbnb-base":"^3.0.0","eslint-plugin-import":"^1.7.0","grunt":"latest","grunt-babel":"^6.0.0","grunt-cli":"latest","grunt-contrib-coffee":"latest","grunt-contrib-jasmine":"latest","grunt-contrib-uglify":"latest","grunt-contrib-watch":"latest","grunt-eslint":"^18.1.0","grunt-growl":"latest","load-grunt-tasks":"^3.5.0"},"scripts":{"test":"grunt travis"},"gitHead":"e7f942904fc1f19a1fd4dba08ed17fed2f2f4493","_id":"wow.js@1.2.2","_shasum":"247519b0a342319b1a63e22aea9acec1a9ea57f5","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.5.0","_npmUser":{"name":"graingert","email":"tagrain@gmail.com"},"dist":{"shasum":"247519b0a342319b1a63e22aea9acec1a9ea57f5","size":120165,"noattachment":false,"key":"/wow.js/-/wow.js-1.2.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/wow.js/download/wow.js-1.2.2.tgz"},"maintainers":[{"name":"graingert","email":"tagrain@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/wow.js-1.2.2.tgz_1473075214985_0.47436637966893613"},"deprecated":"deprecated in favour of aos (Animate On Scroll)","directories":{},"_cnpmcore_publish_time":"2021-12-23T18:28:40.023Z","publish_time":1473075217046,"_cnpm_publish_time":1473075217046},"1.2.1":{"name":"wow.js","title":"WOW","version":"1.2.1","main":"dist/wow.js","description":"Reveal CSS animation as you scroll down a page. By default, you can use it to trigger [animate.css](https://github.com/daneden/animate.css) animations. But you can easily change the settings to your favorite animation library.","keywords":[],"homepage":"https://graingert.co.uk/WOW/","contributors":[{"name":"Matthieu Aussaguel","email":"matthieu.aussaguel@gmail.com","url":"http://mynameismatthieu.com/"},{"name":"Thomas Grainger","email":"wow.js@graingert.co.uk","url":"https://graingert.co.uk/"}],"repository":{"type":"git","url":"git://github.com/graingert/WOW.git"},"bugs":{"url":"https://github.com/graingert/WOW/issues"},"license":"MIT","devDependencies":{"babel-eslint":"^6.0.4","babel-plugin-add-module-exports":"^0.2.0","babel-plugin-transform-es2015-modules-umd":"^6.8.0","babel-preset-es2015":"^6.6.0","babel-preset-stage-1":"^6.5.0","eslint-config-airbnb-base":"^3.0.0","eslint-plugin-import":"^1.7.0","grunt":"latest","grunt-babel":"^6.0.0","grunt-cli":"latest","grunt-contrib-coffee":"latest","grunt-contrib-jasmine":"latest","grunt-contrib-uglify":"latest","grunt-contrib-watch":"latest","grunt-eslint":"^18.1.0","grunt-growl":"latest","load-grunt-tasks":"^3.5.0"},"scripts":{"test":"grunt travis"},"gitHead":"7d24144cb51827373f030d3d15aa798717558e57","_id":"wow.js@1.2.1","_shasum":"39ca2ae5453a8c8ef1bb53787bfa409b3e5b0c9a","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.3.1","_npmUser":{"name":"graingert","email":"tagrain@gmail.com"},"dist":{"shasum":"39ca2ae5453a8c8ef1bb53787bfa409b3e5b0c9a","size":120094,"noattachment":false,"key":"/wow.js/-/wow.js-1.2.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/wow.js/download/wow.js-1.2.1.tgz"},"maintainers":[{"name":"graingert","email":"tagrain@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/wow.js-1.2.1.tgz_1470758738961_0.2346727733965963"},"deprecated":"deprecated in favour of aos (Animate On Scroll)","directories":{},"_cnpmcore_publish_time":"2021-12-23T18:28:39.860Z","publish_time":1470758740969,"_cnpm_publish_time":1470758740969},"1.2.0":{"name":"wow.js","title":"WOW","version":"1.2.0","main":"dist/wow.js","description":"Reveal CSS animation as you scroll down a page. By default, you can use it to trigger [animate.css](https://github.com/daneden/animate.css) animations. But you can easily change the settings to your favorite animation library.","keywords":[],"homepage":"https://graingert.co.uk/WOW/","contributors":[{"name":"Matthieu Aussaguel","email":"matthieu.aussaguel@gmail.com","url":"http://mynameismatthieu.com/"},{"name":"Thomas Grainger","email":"wow.js@graingert.co.uk","url":"https://graingert.co.uk/"}],"repository":{"type":"git","url":"git://github.com/graingert/WOW.git"},"bugs":{"url":"https://github.com/graingert/WOW/issues"},"license":"MIT","devDependencies":{"babel-eslint":"^6.0.4","babel-plugin-add-module-exports":"^0.2.0","babel-plugin-transform-es2015-modules-umd":"^6.8.0","babel-preset-es2015":"^6.6.0","babel-preset-stage-1":"^6.5.0","eslint-config-airbnb-base":"^3.0.0","eslint-plugin-import":"^1.7.0","grunt":"latest","grunt-babel":"^6.0.0","grunt-cli":"latest","grunt-contrib-coffee":"latest","grunt-contrib-jasmine":"latest","grunt-contrib-uglify":"latest","grunt-contrib-watch":"latest","grunt-eslint":"^18.1.0","grunt-growl":"latest","load-grunt-tasks":"^3.5.0"},"scripts":{"test":"grunt travis"},"gitHead":"f3867a215c946e7f60be577aa448a54cd4c982b9","_id":"wow.js@1.2.0","_shasum":"1bd73100686216f56780068c908c982eaeeea255","_from":".","_npmVersion":"3.8.6","_nodeVersion":"6.1.0","_npmUser":{"name":"graingert","email":"tagrain@gmail.com"},"dist":{"shasum":"1bd73100686216f56780068c908c982eaeeea255","size":77414849,"noattachment":false,"key":"/wow.js/-/wow.js-1.2.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/wow.js/download/wow.js-1.2.0.tgz"},"maintainers":[{"name":"graingert","email":"tagrain@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/wow.js-1.2.0.tgz_1462825951799_0.03870313474908471"},"deprecated":"deprecated in favour of aos (Animate On Scroll)","directories":{},"_cnpmcore_publish_time":"2021-12-23T18:28:36.832Z","publish_time":1462825953904,"_cnpm_publish_time":1462825953904},"1.1.3":{"name":"wow.js","title":"WOW","version":"1.1.3","description":"Reveal CSS animation as you scroll down a page. By default, you can use it to trigger [animate.css](https://github.com/daneden/animate.css) animations. But you can easily change the settings to your favorite animation library.","keywords":[],"homepage":"https://github.com/graingert/WOW#readme","author":{"name":"Matthieu Aussaguel","email":"matthieu.aussaguel@gmail.com","url":"http://mynameismatthieu.com/"},"repository":{"type":"git","url":"git://github.com/graingert/WOW.git"},"bugs":{"url":"https://github.com/graingert/WOW/issues"},"licenses":[{"type":"MIT","url":"http://matthieuaussaguel.mit-license.org/"}],"devDependencies":{"grunt":"latest","grunt-cli":"latest","grunt-contrib-watch":"latest","grunt-contrib-coffee":"latest","grunt-contrib-jasmine":"latest","grunt-contrib-uglify":"latest","grunt-growl":"latest"},"scripts":{"test":"grunt travis"},"gitHead":"1e894f8269991c9959f10ca4e0b721cc0e372197","_id":"wow.js@1.1.3","_shasum":"f313456b8d72c8258f0b438edb451d7fb9f0133a","_from":".","_npmVersion":"3.8.6","_nodeVersion":"6.0.0","_npmUser":{"name":"graingert","email":"tagrain@gmail.com"},"dist":{"shasum":"f313456b8d72c8258f0b438edb451d7fb9f0133a","size":107427,"noattachment":false,"key":"/wow.js/-/wow.js-1.1.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/wow.js/download/wow.js-1.1.3.tgz"},"maintainers":[{"name":"graingert","email":"tagrain@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/wow.js-1.1.3.tgz_1462545535900_0.4065321465022862"},"deprecated":"deprecated in favour of aos (Animate On Scroll)","directories":{},"_cnpmcore_publish_time":"2021-12-23T18:26:38.849Z","publish_time":1462545537469,"_cnpm_publish_time":1462545537469},"1.1.2":{"name":"wow.js","title":"WOW","version":"1.1.2","description":"Reveal CSS animation as you scroll down a page. By default, you can use it to trigger [animate.css](https://github.com/daneden/animate.css) animations. But you can easily change the settings to your favorite animation library.","keywords":[],"homepage":"https://github.com/matthieua/WOW#readme","author":{"name":"Matthieu Aussaguel","email":"matthieu.aussaguel@gmail.com","url":"http://mynameismatthieu.com/"},"repository":{"type":"git","url":"git://github.com/matthieua/WOW.git"},"bugs":{"url":"https://github.com/matthieua/WOW/issues"},"licenses":[{"type":"MIT","url":"http://matthieuaussaguel.mit-license.org/"}],"devDependencies":{"grunt":"latest","grunt-cli":"latest","grunt-contrib-watch":"latest","grunt-contrib-coffee":"latest","grunt-contrib-jasmine":"latest","grunt-contrib-uglify":"latest","grunt-growl":"latest"},"scripts":{"test":"grunt travis"},"gitHead":"535597ab3d6dfe3f7bfd76281c991e042fdeca25","_id":"wow.js@1.1.2","_shasum":"049fbd0203ec4257064a1cf2e55f352fec53ae77","_from":".","_npmVersion":"3.3.12","_nodeVersion":"5.4.1","_npmUser":{"name":"graingert","email":"tagrain@gmail.com"},"maintainers":[{"name":"graingert","email":"tagrain@gmail.com"}],"dist":{"shasum":"049fbd0203ec4257064a1cf2e55f352fec53ae77","size":106467,"noattachment":false,"key":"/wow.js/-/wow.js-1.1.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/wow.js/download/wow.js-1.1.2.tgz"},"deprecated":"deprecated in favour of aos (Animate On Scroll)","directories":{},"_cnpmcore_publish_time":"2021-12-23T18:26:22.958Z","publish_time":1453396451365,"_cnpm_publish_time":1453396451365}},"readme":"# WOW.js [![Build Status](https://secure.travis-ci.org/graingert/WOW.svg?branch=master)](http://travis-ci.org/graingert/WOW)\n\nReveal CSS animation as you scroll down a page.\nBy default, you can use it to trigger [animate.css](https://github.com/daneden/animate.css) animations.\nBut you can easily change the settings to your favorite animation library.\n\nAdvantages:\n- 100% MIT Licensed, not GPL keep your code yours.\n- Naturally Caffeine free\n- Smaller than other JavaScript parallax plugins, like Scrollorama (they do fantastic things, but can be too heavy for simple needs)\n- Super simple to install, and works with animate.css, so if you already use it, that will be very fast to setup\n- Fast execution and lightweight code: the browser will like it ;-)\n- You can change the settings - [see below](#advanced-usage)\n\n### [LIVE DEMO ➫](https://graingert.co.uk/WOW/)\n\n## Live examples\n- [MaterialUp](http://www.materialup.com)\n- [Fliplingo](https://www.fliplingo.com)\n- [Streamline Icons](http://www.streamlineicons.com)\n- [Microsoft Stories](http://www.microsoft.com/en-us/news/stories/garage/)\n\n\n## Documentation\n\nIt just take seconds to install and use WOW.js!\n[Read the documentation ➫](https://graingert.co.uk/WOW/docs.html)\n\n### Dependencies\n- [animate.css](https://github.com/daneden/animate.css)\n\n### Installation\n\n- Bower\n\n```bash\n bower install wow-mit\n```\n\n- NPM\n\n```bash\n npm install wow.js\n```\n\n### Basic usage\n\n- HTML\n\n```html\n
\n
\n```\n\n- JavaScript\n\n```javascript\nnew WOW().init();\n```\n\n### Advanced usage\n\n- HTML\n\n```html\n
\n
\n```\n\n- JavaScript\n\n```javascript\nvar wow = new WOW(\n {\n boxClass: 'wow', // animated element css class (default is wow)\n animateClass: 'animated', // animation css class (default is animated)\n offset: 0, // distance to the element when triggering the animation (default is 0)\n mobile: true, // trigger animations on mobile devices (default is true)\n live: true, // act on asynchronously loaded content (default is true)\n callback: function(box) {\n // the callback is fired every time an animation is started\n // the argument that is passed in is the DOM node being animated\n },\n scrollContainer: null // optional scroll container selector, otherwise use window\n }\n);\nwow.init();\n```\n\n### Asynchronous content support\n\nIn IE 10+, Chrome 18+ and Firefox 14+, animations will be automatically\ntriggered for any DOM nodes you add after calling `wow.init()`. If you do not\nlike that, you can disable this by setting `live` to `false`.\n\nIf you want to support older browsers (e.g. IE9+), as a fallback, you can call\nthe `wow.sync()` method after you have added new DOM elements to animate (but\n`live` should still be set to `true`). Calling `wow.sync()` has no side\neffects.\n\n\n## Contribute\n\nThe library is transpiled using Babel, please update `wow.js` file.\n\nWe use grunt to compile and minify the library:\n\nInstall needed libraries\n\n```\nnpm install\n```\n\nGet the compilation running in the background\n\n```\ngrunt watch\n```\n\nEnjoy!\n\n## Bug tracker\n\nIf you find a bug, please report it [here on Github](https://github.com/graingert/WOW/issues)!\n\n## Developer\n\nOriginally Developed by Matthieu Aussaguel, [mynameismatthieu.com](http://mynameismatthieu.com)\nForked to remain under the MIT license by Thomas Grainger, https://graingert.co.uk\n\n+ [Github Profile](//github.com/graingert)\n\n## Contributors\n\nThanks to everyone who has contributed to the project so far:\n\n- Attila Oláh - [@attilaolah](//twitter.com/attilaolah) - [Github Profile](//github.com/attilaolah)\n- [and many others](//github.com/graingert/WOW/graphs/contributors)\n\nInitiated and designed by [Vincent Le Moign](//www.webalys.com/), [@webalys](//twitter.com/webalys)\n","_attachments":{},"homepage":"https://wowjs.uk","bugs":{"url":"https://github.com/graingert/WOW/issues"},"license":"MIT"}