{"_id":"movo-web","_rev":"5-6a372e19ba4cebdc1380659e660e21c9","name":"movo-web","dist-tags":{"latest":"0.1.5"},"versions":{"0.1.0":{"name":"movo-web","version":"0.1.0","license":"BSD-3-Clause","_id":"movo-web@0.1.0","maintainers":[{"name":"davidemilani","email":"z2tb37njp@mozmail.com"}],"homepage":"https://github.com/milanidavide/movo#readme","bugs":{"url":"https://github.com/milanidavide/movo/issues"},"dist":{"shasum":"a1e367e22e003b6d16343bc7bb0821be95c0b9d6","tarball":"https://registry.npmjs.org/movo-web/-/movo-web-0.1.0.tgz","fileCount":4,"integrity":"sha512-IlOip8b0s5eB8sFdzX/EMDJ98VeEDUqU5VJmYFmPUUEVwIW1v4x75GCmNgsCgi0Y4cpN2/FmRvfUNMsHbEE0EQ==","signatures":[{"sig":"MEYCIQCVdziU5CMmgXfudq/nYP6mVEjI1i0ykBOpTs2UB14dRwIhAOzGA6kP1apVEfbRUlpSGIs8UjtAfo/npwXfXqs1Guko","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6770},"main":"./dist/movo.cjs","type":"module","module":"./dist/movo.js","exports":{".":{"import":"./dist/movo.js","require":"./dist/movo.cjs"},"./css":"./dist/movo.css"},"gitHead":"5f9c98878ee8ee7f2c43241f7a7008e8e1130852","scripts":{"dev":"vite build --watch","test":"vitest run","build":"vite build"},"_npmUser":{"name":"davidemilani","email":"z2tb37njp@mozmail.com"},"repository":{"url":"git+https://github.com/milanidavide/movo.git","type":"git","directory":"packages/movo"},"_npmVersion":"10.7.0","description":"A tiny JavaScript library for effortless scroll-based CSS animations","directories":{},"_nodeVersion":"22.2.0","_hasShrinkwrap":false,"devDependencies":{"sass":"^1.77.8","vite":"^5.3.5","vitest":"^2.0.5"},"_npmOperationalInternal":{"tmp":"tmp/movo-web_0.1.0_1723059663096_0.5225377679309999","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"movo-web","version":"0.1.1","license":"BSD-3-Clause","_id":"movo-web@0.1.1","maintainers":[{"name":"davidemilani","email":"z2tb37njp@mozmail.com"}],"homepage":"https://github.com/milanidavide/movo#readme","bugs":{"url":"https://github.com/milanidavide/movo/issues"},"dist":{"shasum":"df6cecebccc4b51f9f9d217fab19a2ed100d8879","tarball":"https://registry.npmjs.org/movo-web/-/movo-web-0.1.1.tgz","fileCount":5,"integrity":"sha512-wWKPgOhvZSM0z3GrTMEgpWzRzA8+omji8EcPuUZVtwCm7A317d/2ARCmS8Ge5R2tpZ+McYh5d0LaaSvZ1Kag+A==","signatures":[{"sig":"MEYCIQCWI4WjbG4nvVysCQ0dh4dp7hKRfNe2tr87EmiX/fYoLwIhAKju11VecDVoPk7jCuq4EeUlEKTPwq3LNcNEvKZUK7em","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10404},"main":"./dist/movo.cjs","type":"module","module":"./dist/movo.js","exports":{".":{"import":"./dist/movo.js","require":"./dist/movo.cjs"},"./css":"./dist/movo.css"},"gitHead":"5f9c98878ee8ee7f2c43241f7a7008e8e1130852","scripts":{"dev":"vite build --watch","test":"vitest run","build":"vite build"},"_npmUser":{"name":"davidemilani","email":"z2tb37njp@mozmail.com"},"repository":{"url":"git+https://github.com/milanidavide/movo.git","type":"git"},"_npmVersion":"10.7.0","description":"A tiny JavaScript library for effortless scroll-based CSS animations","directories":{},"_nodeVersion":"22.2.0","_hasShrinkwrap":false,"devDependencies":{"sass":"^1.77.8","vite":"^5.3.5","vitest":"^2.0.5"},"_npmOperationalInternal":{"tmp":"tmp/movo-web_0.1.1_1723060456825_0.9435566497162649","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"movo-web","version":"0.1.2","license":"BSD-3-Clause","_id":"movo-web@0.1.2","maintainers":[{"name":"davidemilani","email":"z2tb37njp@mozmail.com"}],"homepage":"https://github.com/milanidavide/movo#readme","bugs":{"url":"https://github.com/milanidavide/movo/issues"},"dist":{"shasum":"cf8f31fd3978db69ea679a154d1a1ea0acd85b29","tarball":"https://registry.npmjs.org/movo-web/-/movo-web-0.1.2.tgz","fileCount":5,"integrity":"sha512-6b/rYBDhcW7cDoHmxWOPA2i+nYjGi7UuMyU/EfA9ocnr/R2NePffTY1EPzRXD7XVzLFPlO6amchE6NmCcVzS6w==","signatures":[{"sig":"MEYCIQCtbLFm8fk+gv5LE+iw4GlfxZjSxFWVSTKeF/iUmoOGuwIhAMIdPAhOrgWyqbD5bZm5ewLc4kWte7v0ezXcMhg2VKko","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10436},"main":"./dist/movo.cjs","type":"module","style":"./dist/movo.css","module":"./dist/movo.js","exports":{".":{"import":"./dist/movo.js","require":"./dist/movo.cjs"},"./css":"./dist/movo.css"},"gitHead":"5bf14cc743acf5e1e6cb62469a752262ef53f6ba","scripts":{"dev":"vite build --watch","test":"vitest run","build":"vite build"},"_npmUser":{"name":"davidemilani","email":"z2tb37njp@mozmail.com"},"repository":{"url":"git+https://github.com/milanidavide/movo.git","type":"git"},"_npmVersion":"10.7.0","description":"A tiny JavaScript library for effortless scroll-based CSS animations","directories":{},"_nodeVersion":"22.2.0","_hasShrinkwrap":false,"devDependencies":{"sass":"^1.77.8","vite":"^5.3.5","vitest":"^2.0.5"},"_npmOperationalInternal":{"tmp":"tmp/movo-web_0.1.2_1723061392233_0.44327360172518326","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"movo-web","version":"0.1.3","license":"BSD-3-Clause","_id":"movo-web@0.1.3","maintainers":[{"name":"davidemilani","email":"z2tb37njp@mozmail.com"}],"homepage":"https://github.com/milanidavide/movo#readme","bugs":{"url":"https://github.com/milanidavide/movo/issues"},"dist":{"shasum":"dbddd873f50b0b76c55167f737d56521d3a1cda3","tarball":"https://registry.npmjs.org/movo-web/-/movo-web-0.1.3.tgz","fileCount":5,"integrity":"sha512-DBlTC3FIKuqU4CIQkldVW+RIBdl5SX0datA+IZL9O2zQDm9eDZyE8oC4/qdx0KEDcMzySoJXkUCDbIDoJw6oww==","signatures":[{"sig":"MEQCIDy3VfQXfUlo89FLGZP0H2TV6FyzSqvK6/Yxwo/3HpdHAiBUCUAK5ij88q2e0Ks7QNui5ZiqcFq5yPWL3qpnYX1iWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10848},"main":"./dist/movo.cjs","type":"module","style":"./dist/movo.css","module":"./dist/movo.js","exports":{".":{"import":"./dist/movo.js","require":"./dist/movo.cjs"},"./css":"./dist/movo.css"},"gitHead":"b1c5d27b38b82289440dcb5603fbaa7443691612","scripts":{"dev":"vite build --watch","test":"vitest run","build":"vite build"},"_npmUser":{"name":"davidemilani","email":"z2tb37njp@mozmail.com"},"repository":{"url":"git+https://github.com/milanidavide/movo.git","type":"git"},"_npmVersion":"10.7.0","description":"A tiny JavaScript library for effortless scroll-based CSS animations","directories":{},"_nodeVersion":"22.2.0","_hasShrinkwrap":false,"devDependencies":{"sass":"^1.77.8","vite":"^5.3.5","vitest":"^2.0.5"},"_npmOperationalInternal":{"tmp":"tmp/movo-web_0.1.3_1723140534562_0.7113357573985657","host":"s3://npm-registry-packages"}},"0.1.4":{"name":"movo-web","version":"0.1.4","license":"BSD-3-Clause","_id":"movo-web@0.1.4","maintainers":[{"name":"davidemilani","email":"z2tb37njp@mozmail.com"}],"homepage":"https://github.com/milanidavide/movo#readme","bugs":{"url":"https://github.com/milanidavide/movo/issues"},"dist":{"shasum":"e5f584c9bd2a74e14d4368bbb75ce9d6971eab79","tarball":"https://registry.npmjs.org/movo-web/-/movo-web-0.1.4.tgz","fileCount":5,"integrity":"sha512-C3OliiUkFKrU5iwMbhbI4gxtBSsKBDUHSbgQOX0tMXqb5U4CumALSvAzNOEZsDxT6/rnmcA3bF74Lc3/HFdywQ==","signatures":[{"sig":"MEQCIEL3w2FdNa/DzmJ2XnlkdaX1g5yTn30s/BJebad+e4P1AiAwIk20UO5PrVJ5DD5CavQavhwFrHQIv2xbu/IxEUNuJQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10848},"main":"./dist/movo.cjs","type":"module","style":"./dist/movo.css","module":"./dist/movo.js","exports":{".":{"import":"./dist/movo.js","require":"./dist/movo.cjs"},"./css":"./dist/movo.css"},"gitHead":"b1c5d27b38b82289440dcb5603fbaa7443691612","scripts":{"dev":"vite build --watch","test":"vitest run","build":"vite build"},"_npmUser":{"name":"davidemilani","email":"z2tb37njp@mozmail.com"},"repository":{"url":"git+https://github.com/milanidavide/movo.git","type":"git"},"_npmVersion":"10.7.0","description":"A tiny JavaScript library for effortless scroll-based CSS animations","directories":{},"_nodeVersion":"22.2.0","_hasShrinkwrap":false,"devDependencies":{"sass":"^1.77.8","vite":"^5.3.5","vitest":"^2.0.5"},"_npmOperationalInternal":{"tmp":"tmp/movo-web_0.1.4_1723150972532_0.6388438281173863","host":"s3://npm-registry-packages"}},"0.1.5":{"name":"movo-web","description":"A tiny JavaScript library for effortless scroll-based CSS animations","version":"0.1.5","license":"BSD-3-Clause","repository":{"type":"git","url":"git+https://github.com/milanidavide/movo.git"},"type":"module","main":"./dist/movo.umd.cjs","module":"./dist/movo.js","style":"./dist/movo.css","exports":{".":{"import":"./dist/movo.js","require":"./dist/movo.umd.cjs"},"./css":"./dist/movo.css"},"scripts":{"test":"vitest run","dev":"vite build --watch","build":"vite build"},"devDependencies":{"autoprefixer":"^10.4.20","postcss":"^8.4.41","sass":"^1.77.8","vite":"^5.3.5","vitest":"^2.0.5"},"_id":"movo-web@0.1.5","gitHead":"b1c5d27b38b82289440dcb5603fbaa7443691612","bugs":{"url":"https://github.com/milanidavide/movo/issues"},"homepage":"https://github.com/milanidavide/movo#readme","_nodeVersion":"22.2.0","_npmVersion":"10.7.0","dist":{"integrity":"sha512-stIeE+Z05rL9QpuL6y3ioLuJzbNNf6LYjBMpmA1VOzc3RhL0O6V0izd8ewJrLpK2r8PxEKJL2ZOens8po/aLcw==","shasum":"982c3c483dbd2599897caa96f21f27e67f801d2a","tarball":"https://registry.npmjs.org/movo-web/-/movo-web-0.1.5.tgz","fileCount":6,"unpackedSize":13003,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAsIZXptkg4u4LkJALNRa8/s0TJf/u4P9Km/V9ERY2L+AiAkzwBrqg7/EF/ULXp5F4sRztFfKCblFyd2sdNmmRw3JQ=="}]},"_npmUser":{"name":"davidemilani","email":"z2tb37njp@mozmail.com"},"directories":{},"maintainers":[{"name":"davidemilani","email":"z2tb37njp@mozmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/movo-web_0.1.5_1723232620800_0.22859767754198357"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-07T19:41:02.765Z","modified":"2024-08-09T19:43:41.150Z","0.1.0":"2024-08-07T19:41:03.315Z","0.1.1":"2024-08-07T19:54:16.992Z","0.1.2":"2024-08-07T20:09:52.429Z","0.1.3":"2024-08-08T18:08:54.748Z","0.1.4":"2024-08-08T21:02:52.858Z","0.1.5":"2024-08-09T19:43:40.980Z"},"bugs":{"url":"https://github.com/milanidavide/movo/issues"},"license":"BSD-3-Clause","homepage":"https://github.com/milanidavide/movo#readme","repository":{"type":"git","url":"git+https://github.com/milanidavide/movo.git"},"description":"A tiny JavaScript library for effortless scroll-based CSS animations","maintainers":[{"name":"davidemilani","email":"z2tb37njp@mozmail.com"}],"readme":"# Movo\n\nA tiny (1kB) JavaScript library for effortless scroll-based CSS animations. Modular, extendable, and easy to use.\n\n## Table of Contents\n\n-   [Get Started](#get-started)\n-   [API](#api)\n-   [Options](#options)\n-   [License](#license)\n\n## Get Started\n\nInstall Movo:\n\n```bash\nnpm install movo-web\n```\n\nSet up Movo in your project:\n\n```javascript\nimport { Movo } from \"movo-web\";\nimport \"movo-web/css\";\n\nconst movoInstance = Movo.create();\n```\n\nIn your HTML, add `data-movo` attributes to your elements to define animations:\n\n```html\n<div data-movo=\"fade-in\"></div>\n```\n\n### API\n\n#### Movo.create\n\nCreates a new Movo instance with the provided options.\n\n-   Parameters:\n    -   `options` (Object, optional): Configuration settings for the instance.\n        -   `selector` (string): The CSS selector for targeting elements. Default is `[data-movo]`.\n        -   `offset` (string): Defines when animations should trigger relative to the element and viewport. Default is `top, bottom - 120px`.\n        -   `repeat` (boolean): Determines if the animations should repeat. Default is `false`.\n-   Offset Examples:\n    -   `start, center`: The animation triggers when the top edge of the element reaches the center of the viewport. Same as `0%, 50%`.\n    -   `start + 20%, bottom - 100px`: The animation triggers when the top edge of the element plus 20% reaches 100px from the bottom of the viewport.\n\n#### Instance Methods\n\n**`movoInstance.refresh()`**\n\nRefreshes the Movo instance, recalculating offsets. Useful if the content or layout changes dynamically.\n\n**`movoInstance.reset()`**\n\nResets the Movo instance by re-querying the DOM elements and resetting their states.\n\n**`movoInstance.destroy()`**\n\nDestroys the Movo instance, removing any associated event listeners and data.\n\n#### Global Methods\n\n**`Movo.refresh()`**\n\nRefreshes all Movo instances, recalculating all offsets.\n\n**`Movo.reset()`**\n\nResets all Movo instances by re-querying the DOM elements and resetting their states.\n\n**`Movo.destroy()`**\n\nDestroys all Movo instances, removing any associated event listeners and data.\n\n### Options\n\nYou can customize Movo's behavior using HTML data attributes, which will override the default JavaScript configuration:\n\n-   `data-movo-offset`: Set a custom offset for when the animation should trigger (e.g., `\"start + 10%, bottom - 50px\"`).\n-   `data-movo-repeat`: Enable or disable animation repetition by setting to `\"true\"` or `\"false\"`.\n-   `data-movo-trigger`: Specify a different DOM element as the animation trigger by using a CSS selector, instead of the animation element itself. For example `data-movo-trigger=\"#trigger-element\"`.\n\n### CSS Customization\n\nMovo provides a set of default CSS animations which you can extend or customize to fit your needs.\n\n#### Default Animations\n\nMovo includes predefined animations for common effects:\n\n-   `data-movo=\"fade-in\"`\n-   `data-movo=\"fade-in-down\"`\n-   `data-movo=\"fade-in-right\"`\n-   `data-movo=\"fade-in-up\"`\n-   `data-movo=\"fade-in-left\"`\n-   `data-movo=\"image-reveal-down\"`\n-   `data-movo=\"image-reveal-right\"`\n-   `data-movo=\"image-reveal-up\"`\n-   `data-movo=\"image-reveal-left\"`\n\n#### Customizing Animations\n\nYou can adjust the default animations by overriding the following CSS variables:\n\n```css\n--movo-timing-function: cubic-bezier(0.5, 1, 0.89, 1);\n--movo-transition-duration: 400ms;\n--movo-transition-delay: 0ms;\n--movo-translate-offset: 20%;\n```\n\n#### Extending with Custom Animations\n\nYou can also extend Movo with your own custom animations. Here's an example of how to add a \"slide-in-up\" animation:\n\n```css\n[data-movo=\"slide-in-up\"] {\n    transform: translateY(20%);\n    transition-property: transform;\n}\n\n[data-movo=\"slide-in-up\"].movo-animate {\n    transform: none;\n}\n```\n\n### License\n\nMovo is licensed under the [3-Clause BSD License](https://github.com/milanidavide/movo/blob/main/LICENSE).\n","readmeFilename":"README.md"}