{"_id":"tailwindcss-animated","_rev":"9-e8119d934ea9e0eafb37550bfd4b0111","name":"tailwindcss-animated","dist-tags":{"latest":"2.1.0"},"versions":{"0.0.3":{"name":"tailwindcss-animated","version":"0.0.3","keywords":["tailwindcss","tailwind","plugin","animation","animated","keyframes"],"author":{"name":"new-data-services"},"license":"MIT","_id":"tailwindcss-animated@0.0.3","maintainers":[{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"}],"homepage":"https://github.com/new-data-services/tailwindcss-animated","bugs":{"url":"https://github.com/new-data-services/tailwindcss-animated/issues"},"dist":{"shasum":"a79e6bf55461d9a688c6ea307f0a36b75e221519","tarball":"https://registry.npmjs.org/tailwindcss-animated/-/tailwindcss-animated-0.0.3.tgz","fileCount":9,"integrity":"sha512-muu8govi7VkzT8m/KbBavSKZtctQOsojjcpq18vtEKiwbDCNtgECqnIdaljhboRmzLhhsSXZE0dGqeM4S/+hUA==","signatures":[{"sig":"MEUCIGjCpMRpd5O2oGCT7sEVaKcrV1LVIwX79bwLMC7b17eLAiEAkh5QTnJ5nBRmfjuCU8bShfufUXuffaGKjMbRr6a9BDk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18250,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJie4cFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFfQ//QNxZY2v4JkvUBF64YkxSoRn+6KHU2AAWnsYEm9QyT6Df6MOF\r\ntMGTMo1s4IjnFe7ngGsNq05xv5uIRyfvVE0n4cWAnP9NMzOLcz+4OYNY1OjS\r\nL4lkohuKm3Ah4fJf7ssfe1gD3xZ7hJmeWx6QXB+pg8KqgDWcv5QCwupLpO2r\r\nuns3O0acUG3/DMvBQ0ctFMEMJ4OLW++tUxSO3YxmGA6mxnccv82alb/SNWw9\r\neHnDoyRfAb4ONWy/jA6P6o3tYQCVBwsJtQWVSpPHX5EMVR9owXCh4QLEmxql\r\nAYSkJU+I54OXQ/0A+S5+rjZIwZQYcm445qsEH1KIGcFOV9iyIqpOcpE/NOsZ\r\n5/zyneHD93gR4Q0nMUnFnoDe+uJCsJSS6pUYVBEzPuExKIR4SZ0XpofMnitO\r\nykTjIzoKIBYvozPF2UEOVUxC2B+ZQBjkFSKC31uYUwiJrtzc+MDAUhTUmgO9\r\nQ0K/MIR7uFGaJYQi7I0qK4TalNXLABgthckU4PNptaJtLzsvV0sdkvECFEUD\r\nOojTJGyE4/4EPeYWtInWqabINgpO4kVQtAPPEt7JfZ28U7FIEjAatSHp/Ala\r\nSsKW/ATCUHC2FXysBso9uyBYtTJQ35+pitc2Cdqfv+6UAQu3I9JtbbFToEai\r\ngEBX3RV6FN4Hn7Nr+EnMWD88t6t1lzuPHBY=\r\n=om/q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","gitHead":"ce5698cd4c405bcc4159cba818120d28b93d703b","scripts":{"dev":"npx tailwindcss --config ./.build/tailwind.config.js --output ./demo/tailwind.css --jit","prod":"npx tailwindcss --config ./.build/tailwind.config.js --output ./demo/tailwind.css --jit --minify","debug":"npx tailwindcss --config ./.build/tailwind.config.js --output ./demo/tailwind.css","watch":"npx tailwindcss --config ./.build/tailwind.config.js --output ./demo/tailwind.css --jit --watch","eslint":"node node_modules/eslint/bin/eslint.js --config .build/.eslintrc.js src/**/*.js"},"_npmUser":{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"},"repository":{"url":"git+https://github.com/new-data-services/tailwindcss-animated.git","type":"git"},"_npmVersion":"8.5.5","description":"Extended animation utilities for Tailwind CSS","directories":{},"_nodeVersion":"16.15.0","_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.32","tailwindcss":"^2.2"},"peerDependencies":{"tailwindcss":">=2.2.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-animated_0.0.3_1652262661690_0.2668451005560142","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"tailwindcss-animated","version":"1.0.0","keywords":["tailwindcss","tailwind","plugin","animation","animated","keyframes"],"author":{"name":"new-data-services"},"license":"MIT","_id":"tailwindcss-animated@1.0.0","maintainers":[{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"},{"name":"sievertsen","email":"sievertsen@new-data-services.de"}],"homepage":"https://github.com/new-data-services/tailwindcss-animated","bugs":{"url":"https://github.com/new-data-services/tailwindcss-animated/issues"},"dist":{"shasum":"ca275422564d5650dd6fd233ffbd8f64e69186b0","tarball":"https://registry.npmjs.org/tailwindcss-animated/-/tailwindcss-animated-1.0.0.tgz","fileCount":11,"integrity":"sha512-Y1vI28MZlD4tl0DQ4rnngmnZh218ZiMgrMtEaCmst+xRMSy2bVN8Zav1F+3hJINrmRnZoQOiyzUUve/gC9LPPQ==","signatures":[{"sig":"MEUCIBjF0NYRBvkwTPNmTJCC6H2tEcD67IOEoNxi/NocC3jIAiEAh6IN4luCUvmaxUqUmmKggBurcer49EW/6M4Z9SzOJQI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14299,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDHtgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqchA//S00DtAPiujQ/BoqJu7+mMIkzNMTOKlBQC3D/MjVfp0VyLRNF\r\n8jazj2RCtV3BHGs16al17IB3jaFfkG5sqQGIzO9sCSwNbVdpiMbMi53bR33e\r\nGidxl5zKTCY9zapPgXVg+fVqL49Zh+CN5gP3yakzJrmTFUVSsAw6dqE/dhUj\r\nJNDGDLFwr6iw66aaRNi+G0mT1mGXjWI3Wc8U1Y5GCy1pu1a3Zc5055suZ+uJ\r\nH4nZhCByNXspdj80I9R7kISPUsE0cafj/XY/b0qGTcwb8ecEQTTzONM3mQFf\r\nU8y0g6FaCVsZ10dt4X58cFa82+sNVSNlmpbZJAUifIMHbZtyFiYnlNmHnqme\r\nHqVikPqbBSQEUU1bXpF4SyaLlMwzHFNFZyK8vlSoGzpZZfIBmj/vtkeNUW5z\r\nCCRNYCwbg5cpragDQctExCVYK0apbJXDkWKAJyesbZIt3Y5q5BOYF4+oonht\r\nTd1JqrBBgv22jbxxfOH9qdgV05B9BHtfpqozYXaRvH11upvuQO4t1LqZK45u\r\n+WGdvJh2yqOc5GY80f1eSfsCaRmi/293nzByCVW6BhvPSU1i+bY3SVZiM3A0\r\n4F4K74bDk0k1LgK0ACyahZg7JsNi4loG2eAGCRx3jnC3e9u3lkhuGmqKml6s\r\njbuJ1RdRkzSzMtxACHiBYF/C8DQoSi0RPCU=\r\n=G05b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","gitHead":"6f7d148caae3c4ab41a59c99ae7bf8d51c38bb83","scripts":{"dev":"vite --config ./website/vite.config.js","lint":"npm run eslint","prod":"vite build --config ./website/vite.config.js","build":"npm run prod","watch":"npm run dev","eslint":"node node_modules/eslint/bin/eslint.js --config ./.build/cs/.eslintrc.js {src,website}/**/*.js","preview":"vite preview --config ./website/vite.config.js"},"_npmUser":{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"},"repository":{"url":"git+https://github.com/new-data-services/tailwindcss-animated.git","type":"git"},"_npmVersion":"8.15.0","description":"Extended animation utilities for Tailwind CSS","directories":{},"_nodeVersion":"16.17.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"vite":"^3.0.4","eslint":"^8.21.0","postcss":"^8.4.16","alpinejs":"^3.10.3","tailwindcss":"^3.1.0","autoprefixer":"^10.4.8","postcss-import":"^14.1.0","@alpinejs/collapse":"^3.10.3","@alpinejs/intersect":"^3.10.3","vite-plugin-nunjucks":"^0.1.10","postcss-discard-comments":"^5.1.2"},"peerDependencies":{"tailwindcss":">=3.1.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-animated_1.0.0_1661762399912_0.9551935529183722","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"tailwindcss-animated","version":"1.0.1","keywords":["tailwindcss","tailwind","plugin","animation","animated","keyframes"],"author":{"name":"new-data-services"},"license":"MIT","_id":"tailwindcss-animated@1.0.1","maintainers":[{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"},{"name":"sievertsen","email":"sievertsen@new-data-services.de"}],"homepage":"https://tailwindcss-animated.com","bugs":{"url":"https://github.com/new-data-services/tailwindcss-animated/issues"},"dist":{"shasum":"a2ab097848b5802dd824f65d65f2840fc5ec5c7e","tarball":"https://registry.npmjs.org/tailwindcss-animated/-/tailwindcss-animated-1.0.1.tgz","fileCount":12,"integrity":"sha512-u5wusj89ZwP8I+s8WZlaAd7aZTWBN/XEG6QgMKpkIKmAf3xP1A6WYf7oYIKmGaB10UAQaSqWopi/i1ozzZEs8Q==","signatures":[{"sig":"MEUCIQD3Bx4qsh1pESiN28WeCAQW/G+007OSLQYtwdPZYiu69gIgOOWpAMYMPgGxWavyymME0pc4rr5fUfZ2RG2oTGP426g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14818},"main":"src/index.js","gitHead":"e777f93a06c0586c6ae186bcace96c1f821e4e80","scripts":{"test":"jest --setupFilesAfterEnv '<rootDir>/jest/customMatchers.js'","eslint":"npx eslint src/**","eslint:fix":"npx eslint src/** --fix"},"_npmUser":{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"},"repository":{"url":"git+https://github.com/new-data-services/tailwindcss-animated.git","type":"git"},"_npmVersion":"9.5.1","description":"Extended animation utilities for Tailwind CSS","directories":{},"_nodeVersion":"18.16.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","eslint":"^8.40.0","prettier":"^2.8.8","tailwindcss":"^3.1.0"},"peerDependencies":{"tailwindcss":">=3.1.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-animated_1.0.1_1684492051096_0.6961706082406767","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"tailwindcss-animated","version":"1.1.0","keywords":["tailwindcss","tailwind","plugin","animation","animated","keyframes"],"author":{"name":"new-data-services"},"license":"MIT","_id":"tailwindcss-animated@1.1.0","maintainers":[{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"},{"name":"sievertsen","email":"sievertsen@new-data-services.de"}],"homepage":"https://tailwindcss-animated.com","bugs":{"url":"https://github.com/new-data-services/tailwindcss-animated/issues"},"dist":{"shasum":"d03494143d56985db54c151bc34f3ec62329d5a9","tarball":"https://registry.npmjs.org/tailwindcss-animated/-/tailwindcss-animated-1.1.0.tgz","fileCount":13,"integrity":"sha512-2j2MHdlypqaqz5ymcGFAiLjYdyy/9M3aMqa4SKSQqyQnMyUIUDx/3orLyuUop5i2FucdzYXVwexSSU7Q1b0VCw==","signatures":[{"sig":"MEYCIQDWIOUCrITOEgch62RxhJIl3fSvzF67di93z55Up9FbUAIhALhpvLPyzBf1TLflMaSFqGZt0rclMA231oJo+SeCAUh8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23166},"main":"src/index.js","gitHead":"a3fdd4e985bfba4e3cc264a6ea47e299e0254b43","scripts":{"dev":"tailwindcss -o dist/tailwind.css","test":"jest --setupFilesAfterEnv '<rootDir>/jest/customMatchers.js'","watch":"npm run dev -- -w","eslint":"npx eslint {src,jest}/**","eslint:fix":"npx eslint {src,jest}/** --fix"},"_npmUser":{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"},"repository":{"url":"git+https://github.com/new-data-services/tailwindcss-animated.git","type":"git"},"_npmVersion":"10.5.2","description":"Extended animation utilities for Tailwind CSS","directories":{},"_nodeVersion":"20.13.1","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","eslint":"^9.3.0","prettier":"^2.8.8","@eslint/js":"^9.3.0","tailwindcss":"^3.1.0","eslint-plugin-jest":"^28.5.0"},"peerDependencies":{"tailwindcss":">=3.1.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-animated_1.1.0_1716887257813_0.588863422665016","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"tailwindcss-animated","version":"1.1.1","keywords":["tailwindcss","tailwind","plugin","animation","animated","keyframes"],"author":{"name":"new-data-services"},"license":"MIT","_id":"tailwindcss-animated@1.1.1","maintainers":[{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"},{"name":"sievertsen","email":"sievertsen@new-data-services.de"}],"homepage":"https://tailwindcss-animated.com","bugs":{"url":"https://github.com/new-data-services/tailwindcss-animated/issues"},"dist":{"shasum":"dfdb158dd72f02459d1d680ad5bee8babf1e3595","tarball":"https://registry.npmjs.org/tailwindcss-animated/-/tailwindcss-animated-1.1.1.tgz","fileCount":14,"integrity":"sha512-62FQuaFh3L++vUzpfQs/0tN3xhBXnfp1jwWlDAl0AnOi/PaTP39dNwTk7w1tscrAPNA3zTdeCG/BZZMT6cSUsA==","signatures":[{"sig":"MEUCIQDNRvUxn3zh5xd3Dmb53Lq+pSpbPGClqveRrBPjQSrNhAIgSAnLq9dbms7hkPSve41GurVsHySJrX/tdjIRIcO1HUI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23260},"main":"src/index.js","types":"src/index.d.ts","gitHead":"ed76f0f50e288fd13af97dd2d38ee7de156a4846","scripts":{"dev":"tailwindcss -o dist/tailwind.css","test":"jest --setupFilesAfterEnv '<rootDir>/jest/customMatchers.js'","watch":"npm run dev -- -w","eslint":"npx eslint {src,jest}/**","eslint:fix":"npx eslint {src,jest}/** --fix"},"_npmUser":{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"},"repository":{"url":"git+https://github.com/new-data-services/tailwindcss-animated.git","type":"git"},"_npmVersion":"10.7.0","description":"Extended animation utilities for Tailwind CSS","directories":{},"_nodeVersion":"20.14.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","eslint":"^9.3.0","prettier":"^2.8.8","@eslint/js":"^9.3.0","tailwindcss":"^3.1.0","eslint-plugin-jest":"^28.5.0"},"peerDependencies":{"tailwindcss":">=3.1.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-animated_1.1.1_1718615629281_0.014321447778264496","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"tailwindcss-animated","version":"1.1.2","keywords":["tailwindcss","tailwind","plugin","animation","animated","keyframes"],"author":{"name":"new-data-services"},"license":"MIT","_id":"tailwindcss-animated@1.1.2","maintainers":[{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"},{"name":"sievertsen","email":"sievertsen@new-data-services.de"}],"homepage":"https://tailwindcss-animated.com","bugs":{"url":"https://github.com/new-data-services/tailwindcss-animated/issues"},"dist":{"shasum":"cc8aabe5b371abdf20a195809785b3dbf34adcd5","tarball":"https://registry.npmjs.org/tailwindcss-animated/-/tailwindcss-animated-1.1.2.tgz","fileCount":14,"integrity":"sha512-SI4owS5ojserhgEYIZA/uFVdNjU2GMB2P3sjtjmFA52VxoUi+Hht6oR5+RdT+CxrX9cNNYEa+vbTWHvN9zbj3w==","signatures":[{"sig":"MEQCIBsQq843Nvba8QYbSElfwqWo9LvS8pSAFolLmS/vd21hAiBVqRpuhCtVmmrULJbOYeBrHhcCy9SZtrhVLKiNdPWrbg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22800},"main":"src/index.js","types":"src/index.d.ts","gitHead":"a9fd0c4e7059c783692686b6f94c7fab8cb3a3d6","scripts":{"dev":"tailwindcss -o public/tailwind.css","test":"jest --setupFilesAfterEnv '<rootDir>/jest/customMatchers.js'","watch":"npm run dev -- -w","eslint":"npx eslint {src,jest}/**","eslint:fix":"npx eslint {src,jest}/** --fix"},"_npmUser":{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"},"repository":{"url":"git+https://github.com/new-data-services/tailwindcss-animated.git","type":"git"},"_npmVersion":"10.7.0","description":"Extended animation utilities for Tailwind CSS","directories":{},"_nodeVersion":"20.14.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","eslint":"^9.3.0","prettier":"^2.8.8","@eslint/js":"^9.3.0","tailwindcss":"^3.1.0","eslint-plugin-jest":"^28.5.0"},"peerDependencies":{"tailwindcss":">=3.1.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-animated_1.1.2_1718888214474_0.48066584318952743","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"tailwindcss-animated","version":"2.0.0","keywords":["tailwindcss","tailwind","plugin","animation","animated","keyframes"],"author":{"name":"new-data-services"},"license":"MIT","_id":"tailwindcss-animated@2.0.0","maintainers":[{"name":"sievertsen","email":"sievertsen@new-data-services.de"},{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"}],"homepage":"https://tailwindcss-animated.com","bugs":{"url":"https://github.com/new-data-services/tailwindcss-animated/issues"},"dist":{"shasum":"c0b04e9f7fd37b67ecdf046a350673570da41348","tarball":"https://registry.npmjs.org/tailwindcss-animated/-/tailwindcss-animated-2.0.0.tgz","fileCount":25,"integrity":"sha512-anNNGpxNgjydD8p1lcJjxxH+XbjW6KR8Xs29owTrbcf3tOJ6IRblpyFob43HBkfxFJJTAfFQqugoEG2b1EsR0A==","signatures":[{"sig":"MEUCIEb2zz0+j5AdgjgfxwR0cQt80GvV/kT9xahAAbASFDonAiEA9r0e46QhAulMKdMf43b0kqf7KanQ+iZL+Is3Q6Ae5gA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":31832},"main":"src/index.js","style":"src/index.css","types":"src/index.d.ts","gitHead":"6967e61ddaca3af7483c7ec4ab37159e28db03cc","scripts":{"dev":"npx @tailwindcss/cli -i resources/app.css -o public/app.css","lint":"npx eslint {src,jest}/**","test":"jest --setupFilesAfterEnv '<rootDir>/jest/customMatchers.js'","watch":"npm run dev -- -w","lint:fix":"npx eslint {src,jest}/** --fix"},"_npmUser":{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"},"repository":{"url":"git+https://github.com/new-data-services/tailwindcss-animated.git","type":"git"},"_npmVersion":"10.8.2","description":"Extended animation utilities for Tailwind CSS","directories":{},"_nodeVersion":"20.18.2","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","eslint":"^9.18.0","postcss":"^8.5.1","@eslint/js":"^9.18.0","typescript":"^5.7.3","tailwindcss":"^4.0.0","@tailwindcss/cli":"^4.0.0","eslint-plugin-jest":"^28.11.0","@tailwindcss/postcss":"^4.0.0"},"peerDependencies":{"tailwindcss":">=3.1.0 || >=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-animated_2.0.0_1738082810347_0.2564686408914363","host":"s3://npm-registry-packages-npm-production"}},"2.1.0":{"name":"tailwindcss-animated","description":"Extended animation utilities for Tailwind CSS","author":{"name":"new-data-services"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/new-data-services/tailwindcss-animated.git"},"homepage":"https://tailwindcss-animated.com","keywords":["tailwindcss","tailwind","plugin","animation","animated","keyframes"],"main":"src/index.js","types":"src/index.d.ts","style":"src/index.css","scripts":{"watch":"npm run dev -- -w","dev":"npx @tailwindcss/cli -i resources/app.css -o public/app.css","test":"jest","typecheck":"tsc --noEmit","lint":"eslint \"{src,jest}/**/*.js\"","lint:fix":"eslint \"{src,jest}/**/*.js\" --fix"},"jest":{"setupFilesAfterEnv":["<rootDir>/jest/customMatchers.js"]},"peerDependencies":{"tailwindcss":">=3.1.0 || >=4.0.0"},"devDependencies":{"@eslint/js":"^9.39.4","@tailwindcss/cli":"^4.3.0","@tailwindcss/postcss":"^4.3.0","eslint":"^9.39.4","eslint-plugin-jest":"^29.15.2","globals":"^17.6.0","jest":"^30.4.2","postcss":"^8.5.14","tailwindcss":"^4.3.0","tailwindcss-legacy":"npm:tailwindcss@^3.1.0","typescript":"^5.9.3"},"version":"2.1.0","gitHead":"c10f5a5fddaa67af08df6d60f82eb8d54631f7b9","_id":"tailwindcss-animated@2.1.0","bugs":{"url":"https://github.com/new-data-services/tailwindcss-animated/issues"},"_nodeVersion":"24.15.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-KUTVvcH2YQz0W8CT6QT3zz3UdqPmvLAja/KIDqY2lmvmurKPy3g+amIWenWjEaqoo3mjycuvGhYWFuegnSsCAQ==","shasum":"b2d0ce254ffd6671dde883dd126a7a0e9764c910","tarball":"https://registry.npmjs.org/tailwindcss-animated/-/tailwindcss-animated-2.1.0.tgz","fileCount":25,"unpackedSize":32636,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/tailwindcss-animated@2.1.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDr4kd/BH63FAKGdHCqodWFGh0giNb9AvOuxfOMHL35BAIgUfJxbG6oWDX7j5HqiiTLznqdBPeB9HHl9+zF4ai16mA="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:334ebc96-8665-4f22-b7a7-d3a5a558df07"}},"directories":{},"maintainers":[{"name":"sievertsen","email":"sievertsen@new-data-services.de"},{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tailwindcss-animated_2.1.0_1778946261058_0.7458523846499607"},"_hasShrinkwrap":false}},"time":{"created":"2022-05-11T09:51:01.604Z","modified":"2026-05-16T15:44:21.562Z","0.0.3":"2022-05-11T09:51:01.827Z","1.0.0":"2022-08-29T08:40:00.127Z","1.0.1":"2023-05-19T10:27:31.265Z","1.1.0":"2024-05-28T09:07:38.062Z","1.1.1":"2024-06-17T09:13:49.436Z","1.1.2":"2024-06-20T12:56:54.610Z","2.0.0":"2025-01-28T16:46:50.557Z","2.1.0":"2026-05-16T15:44:21.234Z"},"bugs":{"url":"https://github.com/new-data-services/tailwindcss-animated/issues"},"author":{"name":"new-data-services"},"license":"MIT","homepage":"https://tailwindcss-animated.com","keywords":["tailwindcss","tailwind","plugin","animation","animated","keyframes"],"repository":{"type":"git","url":"git+https://github.com/new-data-services/tailwindcss-animated.git"},"description":"Extended animation utilities for Tailwind CSS","maintainers":[{"name":"sievertsen","email":"sievertsen@new-data-services.de"},{"name":"heidkaemper","email":"lars.heidkaemper@gmail.com"}],"readme":"# Tailwind CSS Animated\n\nExtended animation utilities for Tailwind CSS<br>\nhttps://tailwindcss-animated.com\n\n## Installation\n\nFirst, install the plugin via npm:\n\n```sh\nnpm install tailwindcss-animated\n```\n\n## Import\n\nSecond, import it alongside Tailwind CSS in your CSS file:\n\n```css\n/* tailwind css v4.x */\n@import \"tailwindcss\";\n@import \"tailwindcss-animated\";\n```\n\nOr, if you are using **Tailwind CSS v3.x** or the legacy JavaScript configuration file, import the plugin like this:\n\n```js\n// tailwind.config.js\nmodule.exports = {\n  // ...\n  plugins: [\n    require('tailwindcss-animated')\n  ],\n}\n```\n\n## Usage\n\nThis plugin brings various utility classes as well as several ready-to-use CSS animations. Here are some simple examples:\n\n```html\n<button class=\"animate-wiggle\">\n  Hej, look at me!\n</button>\n\n<button class=\"animate-jump-in animate-delay-300 animate-once\">\n  Wait a bit, then jump right in.\n</button>\n```\n\n### Ready-to-use animations\n\nThere are several animations that can be integrated with a single utility class. These extend the Spin, Ping and Pulse animations of Tailwind CSS.\n\nOpen the configurator to see them in action:<br>\nhttps://tailwindcss-animated.com/configurator.html\n\nAll animations can be customized with the utility classes below.\n\n### Duration\n\n| Class | Properties |\n|-----|-----|\n| animate-duration-75 | animation-duration: 75ms; |\n| animate-duration-100 | animation-duration: 100ms; |\n| animate-duration-150 | animation-duration: 150ms; |\n| animate-duration-200 | animation-duration: 200ms; |\n| animate-duration-300 | animation-duration: 300ms; |\n| animate-duration-500 | animation-duration: 500ms; |\n| animate-duration-700 | animation-duration: 700ms; |\n| animate-duration-1000 | animation-duration: 1000ms; |\n| animate-duration-[*\\<value\\>*] | animation-duration: *\\<value\\>* ms; |\n| animate-duration-*\\<number\\>* [*](#custom-properties-and-bare-values) | animation-duration: *\\<number\\>* ms; |\n| animate-duration-(*\\<custom-property\\>*) [*](#custom-properties-and-bare-values) | animation-duration: var(*\\<custom-property\\>*); |\n\n### Delay\n\n| Class | Properties |\n|-----|-----|\n| animate-delay-none | animation-delay: 0ms; |\n| animate-delay-75 | animation-delay: 75ms; |\n| animate-delay-100 | animation-delay: 100ms; |\n| animate-delay-150 | animation-delay: 150ms; |\n| animate-delay-200 | animation-delay: 200ms; |\n| animate-delay-300 | animation-delay: 300ms; |\n| animate-delay-500 | animation-delay: 500ms; |\n| animate-delay-700 | animation-delay: 700ms; |\n| animate-delay-1000 | animation-delay: 1000ms; |\n| animate-delay-[*\\<value\\>*] | animation-delay: *\\<value\\>* ms; |\n| animate-delay-*\\<number\\>* [*](#custom-properties-and-bare-values) | animation-delay: *\\<number\\>* ms; |\n| animate-delay-(*\\<custom-property\\>*) [*](#custom-properties-and-bare-values) | animation-delay: var(*\\<custom-property\\>*); |\n\n### Direction\n\n| Class | Properties |\n|-----|-----|\n| animate-normal | animation-direction: normal; |\n| animate-reverse | animation-direction: reverse; |\n| animate-alternate | animation-direction: alternate; |\n| animate-alternate-reverse | animation-direction: alternate-reverse; |\n\n### Iteration Count\n\n| Class | Properties |\n|-----|-----|\n| animate-infinite | animation-iteration-count: infinite; |\n| animate-once | animation-iteration-count: 1; |\n| animate-twice | animation-iteration-count: 2; |\n| animate-thrice | animation-iteration-count: 3; |\n| animate-iteration-[*\\<number\\>*] | animation-iteration-count: *\\<number\\>*; |\n| animate-iteration-*\\<number\\>* [*](#custom-properties-and-bare-values) | animation-iteration-count: *\\<number\\>*; |\n| animate-iteration-(*\\<custom-property\\>*) [*](#custom-properties-and-bare-values) | animation-iteration-count: var(*\\<custom-property\\>*); |\n\n### Timing Function\n\n| Class | Properties |\n|-----|-----|\n| animate-ease | animation-timing-function: ease; |\n| animate-ease-linear | animation-timing-function: linear; |\n| animate-ease-in | animation-timing-function: cubic-bezier(0.4, 0, 1, 1); |\n| animate-ease-out | animation-timing-function: cubic-bezier(0, 0, 0.2, 1); |\n| animate-ease-in-out | animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |\n| animate-ease-[*\\<value\\>*] | animation-timing-function: *\\<value\\>*; |\n| animate-ease-(*\\<custom-property\\>*) [*](#custom-properties-and-bare-values) | animation-timing-function: var(*\\<custom-property\\>*); |\n\n### Fill Mode\n\n| Class | Properties |\n|-----|-----|\n| animate-fill-none | animation-fill-mode: normal; |\n| animate-fill-forwards | animation-fill-mode: forwards; |\n| animate-fill-backwards | animation-fill-mode: backwards; |\n| animate-fill-both | animation-fill-mode: both; |\n\n### Play State\n\n| Class | Properties |\n|-----|-----|\n| animate-run | animation-play-state: running; |\n| animate-play | animation-play-state: running; |\n| animate-stop | animation-play-state: paused; |\n| animate-pause | animation-play-state: paused; |\n\n### Composition\n\n| Class | Properties |\n|-----|-----|\n| animate-replace | animation-composition: replace; |\n| animate-add | animation-composition: add; |\n| animate-accumulate | animation-composition: accumulate; |\n\n## Variant modifiers and breakpoints\n\nAll variants and breakpoints (hover, focus, lg, ...) work with animations und animation utility classes.\n\n```html\n<div class=\"lg:hover:animate-shake motion-reduce:animate-none\">\n  <!-- ... -->\n</div>\n```\n\n## Arbitrary values\n\nOf course, you can use arbitrary values for animations ultilities:\n\n```html\n<div class=\"animate-delay-[85ms] animate-duration-[2s] animate-iteration-[10]\">\n  <!-- ... -->\n</div>\n```\n\n## Custom properties and bare values\n\nWith **Tailwind CSS v4.0** or newer you can use the shorthand syntax for custom properties. Bare values for delay, duration and iteration utilities also work.\n\n```html\n<div class=\"animate-delay-(--my-custom-delay) animate-duration-1234\">\n  <!-- ... -->\n</div>\n```\n\nMore information on the new arbitrary value syntax can be found in the [Tailwind CSS Docs](https://tailwindcss.com/docs/adding-custom-styles#using-arbitrary-values).\n\n## Override default values\n\nAll animations come with default values for duration, delay and timing function. If you want to overwrite these values globally, you can set the following CSS properties:\n\n```css\n:root {\n  --default-animation-duration: 500ms;\n  --default-animation-delay: 0s;\n  --default-animation-timing-function: ease;\n}\n```\n\n## FAQ\n\n### How to animate on scroll?\n\nTo run animations when an element enters the viewport, you need JavaScript. (At least until [animation-timeline](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline) has good browser support)\n\nA good starting point for a JavaScript solution would be the [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API). Or tools that build on it, such as the [Alpine.js Intersect plugin](https://alpinejs.dev/plugins/intersect) and the [Tailwind CSS Intersection plugin](https://github.com/heidkaemper/tailwindcss-intersect), to name just two.\n\n### How to combine multiple animations?\n\nThe simplest approach is to nest two elements:\n\n```html\n<div class=\"animate-pulse\">\n    <div class=\"animate-bounce\"></div>\n</div>\n```\n\n### Can keyframes and offset values be changed?\n\nOffset positions of predefined animations can't be changed on the fly. But the behavior can still be modified with [animation-composition](#composition) utilities.\n\nIf you need more details on how compositions work, check out the [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-composition).\n\n### Does this work with the Play CDN?\n\nUnfortunately not. The Tailwind CSS Play CDN currently does not support third-party plugins.\n\n---\n\n<a href=\"https://v3.tailwindcss.com/\"><img src=\"https://img.shields.io/badge/Tailwind%20CSS-3.1+-38bdf8?style=for-the-badge\"></a>\n<a href=\"https://tailwindcss.com/\"><img src=\"https://img.shields.io/badge/Tailwind%20CSS-4.0+-38bdf8?style=for-the-badge\"></a>\n<a href=\"https://www.npmjs.com/package/tailwindcss-animated\"><img src=\"https://img.shields.io/npm/dt/tailwindcss-animated?style=for-the-badge\"></a>\n","readmeFilename":"README.md"}