{"_id":"@cordwainer/cw-animations","_rev":"3-35fb628b4a10701397a24893457e2b78","name":"@cordwainer/cw-animations","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@cordwainer/cw-animations","version":"1.0.0","keywords":["animation","web animations api","animate.css"],"author":{"name":"Matt Hand"},"license":"MIT","_id":"@cordwainer/cw-animations@1.0.0","maintainers":[{"name":"matthand","email":"npm@matthand.us"}],"homepage":"https://gitlab.com/cordwainer/cw-animations","bugs":{"url":"https://gitlab.com/cordwainer/cw-animations/-/work_items"},"dist":{"shasum":"1db3d5a4ad048c681828094c278e75be12d5660c","tarball":"https://registry.npmjs.org/@cordwainer/cw-animations/-/cw-animations-1.0.0.tgz","fileCount":3,"integrity":"sha512-T5W5IdgB/0I++uPazG+3qbjw9iFkecOqj/DGBufTpPyD/tYdKXnXMBh5Iz7Jly2hykodiSYx0BMgbug5eRcS0A==","signatures":[{"sig":"MEYCIQDJw4lHRcfpciwUuIGQO/0YwRh2p7NKaMPS+HP3Qe4MhwIhAPfMsXhln0JKe4rlAvXW1k7EzS63agbAthVkBhoqm6sY","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4190},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.js","gitHead":"eddb14f55c1476862ab0755b5f0091257ffc3d7a","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"node src/index.cjs"},"_npmUser":{"name":"matthand","email":"npm@matthand.us"},"repository":{"url":"git+https://gitlab.com/cordwainer/cw-animations.git","type":"git"},"_npmVersion":"11.16.0","description":"Your favorite animate.css effects available as ES modules for use with the Web Animations API.","directories":{},"_nodeVersion":"26.2.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/cw-animations_1.0.0_1780365523709_0.3979646375942425","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@cordwainer/cw-animations","version":"1.0.1","keywords":["animation","web animations api","animate.css"],"author":{"name":"Matt Hand"},"license":"MIT","_id":"@cordwainer/cw-animations@1.0.1","maintainers":[{"name":"matthand","email":"npm@matthand.us"}],"homepage":"https://gitlab.com/cordwainer/cw-animations","bugs":{"url":"https://gitlab.com/cordwainer/cw-animations/-/work_items"},"dist":{"shasum":"114dc708c6edb80928cd60ede8e047c451f2baf7","tarball":"https://registry.npmjs.org/@cordwainer/cw-animations/-/cw-animations-1.0.1.tgz","fileCount":105,"integrity":"sha512-PfJym+7Sf1ry8CpPrxuJO50eG4w1oPIH23ov1m7C6WGbGnYBa5r+0rcX65gI54KLxo9NQ5AqqkwFCWGJoxQmtw==","signatures":[{"sig":"MEQCIFU3LmwWNzU/GUPu6q18cz2rCgW9i+7jSC2NqEY0U1tpAiAeGWdtRG+VF2Om8PbnNtzCITyRqEEXfh4+N9hoFcNh7g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":43117},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.js","gitHead":"6262ac1225db6b59d0491d464fde93089b3e8763","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"node src/index.cjs"},"_npmUser":{"name":"matthand","email":"npm@matthand.us"},"repository":{"url":"git+https://gitlab.com/cordwainer/cw-animations.git","type":"git"},"_npmVersion":"11.16.0","description":"Your favorite animate.css effects available as ES modules for use with the Web Animations API.","directories":{},"_nodeVersion":"26.2.0","_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/cw-animations_1.0.1_1780464019029_0.21551736386484954","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@cordwainer/cw-animations","description":"Your favorite animate.css effects available as ES modules for use with the Web Animations API.","version":"1.0.2","homepage":"https://gitlab.com/cordwainer/cw-animations","author":{"name":"Matt Hand"},"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://gitlab.com/cordwainer/cw-animations.git"},"bugs":{"url":"https://gitlab.com/cordwainer/cw-animations/-/work_items"},"keywords":["animation","web animations api","animate.css"],"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"},"gitHead":"e2902d0465f55c62dd881d8e681eafa51fe74b86","_id":"@cordwainer/cw-animations@1.0.2","_nodeVersion":"26.2.0","_npmVersion":"11.16.0","dist":{"integrity":"sha512-luG3vdKg/soPTG3OQ7EeTrr9bzQbWrUg4CSlSpi941usSMyveyJzI+MeqN8PnQDaSzomncmJk5B2j11Lx1r1Ow==","shasum":"c2405063b3afffd64534cdeed906ed9764696c85","tarball":"https://registry.npmjs.org/@cordwainer/cw-animations/-/cw-animations-1.0.2.tgz","fileCount":105,"unpackedSize":43117,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD6ybi64ydLizQru3sIyEU+qmlod4H1/m+I5QTQzlKDoAIgNgCxSE+Qq2cz7Qyk64Qro89P33oDf9zufR/UH3cYcPg="}]},"_npmUser":{"name":"matthand","email":"npm@matthand.us"},"directories":{},"maintainers":[{"name":"matthand","email":"npm@matthand.us"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/cw-animations_1.0.2_1780486215292_0.5016510519962116"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-02T01:58:43.543Z","modified":"2026-06-03T11:30:15.595Z","1.0.0":"2026-06-02T01:58:43.829Z","1.0.1":"2026-06-03T05:20:19.170Z","1.0.2":"2026-06-03T11:30:15.434Z"},"bugs":{"url":"https://gitlab.com/cordwainer/cw-animations/-/work_items"},"author":{"name":"Matt Hand"},"license":"MIT","homepage":"https://gitlab.com/cordwainer/cw-animations","keywords":["animation","web animations api","animate.css"],"repository":{"type":"git","url":"git+https://gitlab.com/cordwainer/cw-animations.git"},"description":"Your favorite animate.css effects available as ES modules for use with the Web Animations API.","maintainers":[{"name":"matthand","email":"npm@matthand.us"}],"readme":"# Cordwainer 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\nThis module was built for Cordwainer Elements, but it works well as a stand-alone library too!\n\n## Installation\n\n```bash\nnpm install @cordwainer/cw-animations\n```\n\n## Usage\n\nImporting all animations:\n\n```js\nimport * as animations from '@cordwainer/cw-animations';\n```\n\nImporting individual animations:\n\n```js\nimport { bounce } from '@cordwainer/cw-animations';\n```\n\nImporting easings:\n\n```js\nimport { easings } from '@cordwainer/cw-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/@cordwainer/cw-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/@cordwainer/cw-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://gitlab.com/cordwainer/cw-animations/-/work_items).\n","readmeFilename":"README.md"}