{"_id":"@shoelace-style/animations","_rev":"4-6fcc398dc82ea07206dfb4672547e76f","name":"@shoelace-style/animations","dist-tags":{"latest":"1.2.0"},"versions":{"1.0.0":{"name":"@shoelace-style/animations","version":"1.0.0","keywords":["animation","web animations api","animate.css"],"author":{"name":"Cory LaViska"},"license":"MIT","_id":"@shoelace-style/animations@1.0.0","maintainers":[{"name":"claviska","email":"cory@abeautifulsite.net"}],"homepage":"https://github.com/shoelace-style/animations","bugs":{"url":"https://github.com/shoelace-style/animations/issues"},"dist":{"shasum":"97a93062772a1056dfc150f884e5e9301e5c7d95","tarball":"https://registry.npmjs.org/@shoelace-style/animations/-/animations-1.0.0.tgz","fileCount":105,"integrity":"sha512-sv005CAsCmNmo1Uth/0k1lnU/Jp9/RDskVcCVBwaL/nwRLmm+BOC01ihVmTJ3RqBcYNzP5o+BuKC/GJOFUvLPw==","signatures":[{"sig":"MEQCIDXA8tds2HBj5ulruFzjFF/+LIxeTbFkLEu6NTC4p5ZnAiBdowLkY3PIFOaOPgmVdd0Bqrlp7d2NS/+G0DtbIqzcdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37503,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf64oGCRA9TVsSAnZWagAAewYP/3daLXIX5xbdSte5BD10\nnifyxYn3p1pPUhq8fNW49+sVjhrJX5sPmCNvf0jIGlazQa/Gd6fZLcjQObd0\nnGE7p70ZAHZ8aFrzKgn7wCD05QE29X5qBCIdEIkfcOeUU9t0kV1qPMPLPAsk\nK2t97hmENUf/ODCC494TB4UtmRBj7W75CZazLyJMAoNVRSYNNavGWcQawm6V\nwTB6IW+1acJMjXTh5BPZcm/8E11KIm7abH+dyjRnv5qew53KreiXzKzSL4xe\nI3XCE/Za/++1Uw6W+xHnKLxbQbdev5dVndnUZcj+segLunie4vQGhfDnK7Hr\n5cM4sNJ+fADhyddC3itIinaxHYEBIPJTHBbB/IWJx/NXTDojJJUCPklEO6rs\nyFPmKv10wK2h5br+C72rKi5HK1qFVVZYYh5MS2rLuPihIomcppl62z2yzbnk\nqit55S1TrXp7tx86TvNsn/Yj17Re67TPRlWC62lMuyzWZ2BdixGm1+jesI36\ndzfQ/0/nzml8bLB2C+92FLuTwwtThOuTKTJ3pfVsLVA94uvbjsMExspMy0f9\nY/U6OWnVsCByFkaPE1qpE2fsaGcdqbOkqLlllF3KvpbYXhZjdrVUJ1A1fOwf\ngIsEonw6Kqodo8bHk5IKfLwdCITfsi5KO8s7RVLpXY7mhs5LfJvDQ9P8yYk/\nmGOx\r\n=Ja3i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.js","funding":{"url":"https://github.com/sponsors/claviska","type":"individual"},"gitHead":"00d3e2741b3cc20c027d0a1151cfe09ea278831b","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"node src/index.js"},"_npmUser":{"name":"claviska","email":"cory@abeautifulsite.net"},"repository":{"url":"git+https://github.com/shoelace-style/animations.git","type":"git"},"_npmVersion":"6.14.8","description":"Your favorite animate.css effects available as ES modules for use with the Web Animations API.","directories":{},"_nodeVersion":"14.15.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"css":"^3.0.0","del":"^6.0.0","glob":"^7.1.6","mkdirp":"^1.0.4","prettier":"^2.2.1","animate.css":"^4.1.1"},"_npmOperationalInternal":{"tmp":"tmp/animations_1.0.0_1609271813728_0.9156708393189319","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@shoelace-style/animations","version":"1.1.0","keywords":["animation","web animations api","animate.css"],"author":{"name":"Cory LaViska"},"license":"MIT","_id":"@shoelace-style/animations@1.1.0","maintainers":[{"name":"claviska","email":"cory@abeautifulsite.net"}],"homepage":"https://github.com/shoelace-style/animations","bugs":{"url":"https://github.com/shoelace-style/animations/issues"},"dist":{"shasum":"17539abafd6dcbf2a79e089e1593175e9f7835b5","tarball":"https://registry.npmjs.org/@shoelace-style/animations/-/animations-1.1.0.tgz","fileCount":106,"integrity":"sha512-Be+cahtZyI2dPKRm8EZSx3YJQ+jLvEcn3xzRP7tM4tqBnvd/eW/64Xh0iOf0t2w5P8iJKfdBbpVNE9naCaOf2g==","signatures":[{"sig":"MEYCIQCzkXr61SUMS70j5tNJjqupDZCDN1BuQt78iEJfD7GTIgIhAMSgb4zpfPyfTuGi8zHBzWVNDJxLOmZ/hbH77fNi6GKH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":39530,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLnBrCRA9TVsSAnZWagAARgIQAIXPx4wfbigGCOk2PArX\nhcLxG5yVOmBSV9208HGI6KBzNqsmQXM/AzGm2AwwTsa9cK7+fUgh+do7yBuk\n7eURKUVN5qkRbJxiulcImqdn3Zwfo6phvXEfIQd6HJslUGsfYtjR/h7jNejg\nP1JE51nv9ydu3tkKv3wlNcg0X2oOnxpsQ6/59WZXUpMPMfXPzG4nBt41A5Sd\nNNBMC6ms/nm8jI0cmlElMEGcEF7C5FxG2jhtWtMhJD07rd56r+3V/JDAcqtZ\n+zAq9Xy6ijJjkuH3+NUL7FL7F3jfJuX31EQYVGlUgFA4hgyyEHZ8Kbq4KJdD\nChAuuliguqMgIT+Xf4YdvVkeBCyUYnrNH9L+QCeIKtQsJ3GGwz3Hxhpa6TrU\nfxrC3NAV2xT5i3XUfjGPJRpeN7+sebXbLjq6nAZ1BkW8lK0BcEheBHke3UVr\neMORM4Ak8US8x2B1OSW1DpIAtKn3+B7TttYxjH57Q3FfxgIYh6j5BK5hc5dz\njgPSSHxTG267lTLkWtGbdcgWwnjfnyh9DPPeA7l+aRCX0XDtb/9irKRCdapd\nzb2lHe4JVIq9zNWX6F+nP/sBZasXp7QxTttFdBqbCETJKJpXNy+nPRkOyCHA\nr4UXgBUjJm5AbyfMgsYYj258PloyGcTb3t49aQ+piufPvFRP1EG+boTlGlxZ\ntRK2\r\n=cLXf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.js","funding":{"url":"https://github.com/sponsors/claviska","type":"individual"},"gitHead":"f06ff2b5a2acd311351c594b483e38475f952c4e","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"node src/index.cjs"},"_npmUser":{"name":"claviska","email":"cory@abeautifulsite.net"},"repository":{"url":"git+https://github.com/shoelace-style/animations.git","type":"git"},"_npmVersion":"6.14.4","description":"Your favorite animate.css effects available as ES modules for use with the Web Animations API.","directories":{},"_nodeVersion":"12.18.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"css":"^3.0.0","del":"^6.0.0","glob":"^7.1.6","mkdirp":"^1.0.4","prettier":"^2.2.1","animate.css":"^4.1.1"},"_npmOperationalInternal":{"tmp":"tmp/animations_1.1.0_1613656170780_0.25108715916919055","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@shoelace-style/animations","description":"Your favorite animate.css effects available as ES modules for use with the Web Animations API.","version":"1.2.0","homepage":"https://github.com/shoelace-style/animations","author":{"name":"Cory LaViska"},"license":"MIT","main":"dist/index.js","module":"dist/index.js","type":"module","types":"dist/index.d.ts","scripts":{"build":"node src/index.cjs","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/shoelace-style/animations.git"},"bugs":{"url":"https://github.com/shoelace-style/animations/issues"},"funding":{"type":"individual","url":"https://github.com/sponsors/claviska"},"keywords":["animation","web animations api","animate.css"],"dependencies":{},"devDependencies":{"animate.css":"^4.1.1","css":"^3.0.0","del":"^6.0.0","glob":"^7.1.6","mkdirp":"^1.0.4","prettier":"^2.2.1"},"_id":"@shoelace-style/animations@1.2.0","gitHead":"e9b539d57d5b40d4c871a55cffffb8016c04e38c","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-avvo1xxkLbv2dgtabdewBbqcJfV0e0zCwFqkPMnHFGbJbBHorRFfMAHh1NG9ymmXn0jW95ibUVH03E1NYXD6Gw==","shasum":"e92dd4502f0585697d81df8305f31182b499b737","tarball":"https://registry.npmjs.org/@shoelace-style/animations/-/animations-1.2.0.tgz","fileCount":105,"unpackedSize":43274,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFwvBb9OSBV9NS/1cIO5XBaRhauQajyRw8Eb6nnN6oj0AiBlUg+4fBkof/1MxlFqctJ92Mu+m2j6P9awz89wrvM3/w=="}]},"_npmUser":{"name":"claviska","email":"cory@abeautifulsite.net"},"directories":{},"maintainers":[{"name":"supercodepoet","email":"travis@travischase.me"},{"name":"claviska","email":"cory@abeautifulsite.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/animations_1.2.0_1724704469038_0.49329738049225225"},"_hasShrinkwrap":false}},"time":{"created":"2020-12-29T19:56:53.532Z","modified":"2024-08-26T20:34:29.491Z","1.0.0":"2020-12-29T19:56:53.860Z","1.1.0":"2021-02-18T13:49:30.924Z","1.2.0":"2024-08-26T20:34:29.267Z"},"bugs":{"url":"https://github.com/shoelace-style/animations/issues"},"author":{"name":"Cory LaViska"},"license":"MIT","homepage":"https://github.com/shoelace-style/animations","keywords":["animation","web animations api","animate.css"],"repository":{"type":"git","url":"git+https://github.com/shoelace-style/animations.git"},"description":"Your favorite animate.css effects available as ES modules for use with the Web Animations API.","maintainers":[{"name":"supercodepoet","email":"travis@travischase.me"},{"name":"claviska","email":"cory@abeautifulsite.net"}],"readme":"# Shoelace Animations\n\nYour favorite [animate.css](https://animate.style/) effects available as ES modules for use with the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).\n\n- 🏆 ~100 quality animations\n- 🎾 ~30 popular easings\n- 🚚 Works with CDNs\n- 🌲 Fully tree-shakeable\n\n[Try it on JSFiddle](https://jsfiddle.net/claviska/ohjmkgb1)\n\nThis module was built for [Shoelace](https://shoelace.style/), but it works well as a stand-alone library too!\n\n## Installation\n\n```bash\nnpm install @shoelace-style/animations\n```\n\n## Usage\n\nImporting all animations:\n\n```js\nimport * as animations from '@shoelace-style/animations';\n```\n\nImporting individual animations:\n\n```js\nimport { bounce } from '@shoelace-style/animations';\n```\n\nImporting easings:\n\n```js\nimport { easings } from '@shoelace-style/animations';\n```\n\nAnimating an element:\n\n```html\n<div style=\"display: block; width: 100px; height: 100px; background: tomato; margin: 2rem;\"></div>\n\n<script type=\"module\">\n  import { easings, flip } from 'https://cdn.jsdelivr.net/npm/@shoelace-style/animations@1/dist/index.js';\n\n  const box = document.querySelector('div');\n\n  box.animate(flip, {\n    duration: 1500,\n    iterations: Infinity,\n    easing: easings.easeInSine\n  });\n</script>\n```\n\nThis example uses the [jsDelivr CDN](https://www.jsdelivr.com/). To import the library locally, install it and make `node_modules/@shoelace-style/animations/dist` available to your app or bundler.\n\n## Developers\n\nThis script parses all animation stylesheets found in `node_modules/animate.css` and generates [keyframe objects](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats) that you can use with the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API). As animations are tweaked and added to animate.css, the keyframes herein will be kept in sync when rerunning the script.\n\nTo build the project, run:\n\n```bash\nnpm run build\n```\n\nThis will purge and rebuild the `dist` directory.\n\nPlease report all bugs and suggestions to [the issue tracker](https://github.com/shoelace-style/animations/issues).\n","readmeFilename":"README.md"}