{"_id":"@adrian_rocafull/tailwind-animations","_rev":"5-f887842b98158c5d2e1d176e13525203","name":"@adrian_rocafull/tailwind-animations","dist-tags":{"latest":"0.0.6"},"versions":{"0.0.1":{"name":"@adrian_rocafull/tailwind-animations","version":"0.0.1","description":"Tailwind CSS plugin to add animations to your websites","main":"./src/index.js","scripts":{"test":"vitest"},"keywords":["Tailwind","CSS"],"type":"module","author":{"name":"Adrian Rocafull Berbel"},"license":"ISC","devDependencies":{"@csstools/postcss-minify":"^1.1.0","standard":"^17.1.0","vitest":"^1.2.2","postcss":"^8.4.35"},"peerDependencies":{"tailwindcss":"^3.0.0"},"_id":"@adrian_rocafull/tailwind-animations@0.0.1","gitHead":"e0a3896d8415452c07af93e2402aaf0aa262d5ba","_nodeVersion":"18.16.1","_npmVersion":"9.8.1","dist":{"integrity":"sha512-LRT2yvZDNf5etTlvbtxarHmRNmVzk34ngzOUHccdINFpRD1kP9LK7wmSt2BcWhimsuX6qA9e/EsQznDj3iO77w==","shasum":"f7d79b4666242295b19a60c12145045f0c1e4d99","tarball":"https://registry.npmjs.org/@adrian_rocafull/tailwind-animations/-/tailwind-animations-0.0.1.tgz","fileCount":19,"unpackedSize":30945,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhOD2tamtjYKjGidqflEi49vnOFZjxSSx+eX2xwlgIsAIhAPeV76wTXxNmVY4DBqr+nZCudLGUeyETRvvrlVpwT4Iu"}]},"_npmUser":{"name":"adrian_rocafull","email":"adrianrocafull1@gmail.com"},"directories":{},"maintainers":[{"name":"adrian_rocafull","email":"adrianrocafull1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tailwind-animations_0.0.1_1708198777440_0.19756927044535844"},"_hasShrinkwrap":false},"0.0.2":{"name":"@adrian_rocafull/tailwind-animations","version":"0.0.2","description":"Tailwind CSS plugin to add animations to your websites","main":"./src/index.js","scripts":{"test":"vitest"},"keywords":["Tailwind","CSS"],"type":"module","author":{"name":"Adrian Rocafull Berbel"},"license":"ISC","devDependencies":{"@csstools/postcss-minify":"^1.1.0","standard":"^17.1.0","vitest":"^1.2.2","postcss":"^8.4.35"},"peerDependencies":{"tailwindcss":"^3.0.0"},"_id":"@adrian_rocafull/tailwind-animations@0.0.2","gitHead":"e0a3896d8415452c07af93e2402aaf0aa262d5ba","_nodeVersion":"18.16.1","_npmVersion":"9.8.1","dist":{"integrity":"sha512-eW2TtyR/k77gc/XiB8VCisQU/MHFT+Mfk2dNVLCOe1kwivqhyqqiV187n6XwHz7k4fnfxXmUjGG4bcHU5bVMXw==","shasum":"1622102e91107b00a5969ffb50fc753d705c02e1","tarball":"https://registry.npmjs.org/@adrian_rocafull/tailwind-animations/-/tailwind-animations-0.0.2.tgz","fileCount":6,"unpackedSize":23624,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdqcyn7WK9UlgSql8/PAqqa0Ex0h74BoBo3w1CalfMPwIgMOt0XFYBtQELPiO7F6W+itrSz4rF6v9MpB9QuvHKo+Y="}]},"_npmUser":{"name":"adrian_rocafull","email":"adrianrocafull1@gmail.com"},"directories":{},"maintainers":[{"name":"adrian_rocafull","email":"adrianrocafull1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tailwind-animations_0.0.2_1708198888315_0.5045018446549587"},"_hasShrinkwrap":false},"0.0.3":{"name":"@adrian_rocafull/tailwind-animations","version":"0.0.3","description":"Tailwind CSS plugin to add animations to your websites","main":"./src/index.js","scripts":{"test":"vitest"},"keywords":["Tailwind","CSS"],"type":"module","author":{"name":"Adrian Rocafull Berbel"},"license":"ISC","devDependencies":{"@csstools/postcss-minify":"^1.1.0","standard":"^17.1.0","vitest":"^1.2.2","postcss":"^8.4.35"},"peerDependencies":{"tailwindcss":"^3.0.0"},"_id":"@adrian_rocafull/tailwind-animations@0.0.3","gitHead":"e0a3896d8415452c07af93e2402aaf0aa262d5ba","_nodeVersion":"18.16.1","_npmVersion":"9.8.1","dist":{"integrity":"sha512-k7U2wpOwP79lIN9DzGPwH7gMt9fFO4nSuhd89v3yjY8FenweFr68stosgzBlAgBK6dW0nxfP5/CdM2o428v/dA==","shasum":"813218cddf1226822f3e9a2cae107cb02c98c829","tarball":"https://registry.npmjs.org/@adrian_rocafull/tailwind-animations/-/tailwind-animations-0.0.3.tgz","fileCount":6,"unpackedSize":23624,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmEWiMPGXcDjM4g+lJPCCfRvnb/AhY8fIfWVWWceTPvgIhANv9Y7chKB9gzA8BlsRSWqQdPpwwJBAWar1/XnORlWko"}]},"_npmUser":{"name":"adrian_rocafull","email":"adrianrocafull1@gmail.com"},"directories":{},"maintainers":[{"name":"adrian_rocafull","email":"adrianrocafull1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tailwind-animations_0.0.3_1708199004242_0.29051688703060385"},"_hasShrinkwrap":false},"0.0.4":{"name":"@adrian_rocafull/tailwind-animations","version":"0.0.4","description":"The Tailwind Animations Plugin is a Tailwind CSS plugin that enables you to easily add animations to your components using Tailwind utility classes","main":"./src/index.js","scripts":{"test":"vitest"},"keywords":["Tailwind","CSS"],"type":"module","author":{"name":"Adrian Rocafull Berbel"},"license":"ISC","devDependencies":{"@csstools/postcss-minify":"^1.1.0","standard":"^17.1.0","vitest":"^1.2.2","postcss":"^8.4.35"},"peerDependencies":{"tailwindcss":"^3.0.0"},"gitHead":"c013ae28774bbeb0ae67853e03403242e3b145f9","_id":"@adrian_rocafull/tailwind-animations@0.0.4","_nodeVersion":"18.15.0","_npmVersion":"9.6.3","dist":{"integrity":"sha512-3LTb7taU5BSh5agA+PuiUrQZNHQ5RUh1OQU9vU8Yubwpi8r9cvoW8zF73O1ouVr1F4QT/d5gVO1AT52R1Um3mg==","shasum":"60c16ff3df267510455e7c547da99ac76015d789","tarball":"https://registry.npmjs.org/@adrian_rocafull/tailwind-animations/-/tailwind-animations-0.0.4.tgz","fileCount":5,"unpackedSize":24095,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFuA18uR4/OMKTB2XtE7A6fg4VpYa442wDWZz+2elQxGAiEAtjKF5id+FDqr0LY+2eTA4DT2uFY97qKVwWxEhTLSRew="}]},"_npmUser":{"name":"adrian_rocafull","email":"adrianrocafull1@gmail.com"},"directories":{},"maintainers":[{"name":"adrian_rocafull","email":"adrianrocafull1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tailwind-animations_0.0.4_1708529305583_0.10017208706109715"},"_hasShrinkwrap":false},"0.0.5":{"name":"@adrian_rocafull/tailwind-animations","version":"0.0.5","description":"The Tailwind Animations Plugin is a Tailwind CSS plugin that enables you to easily add animations to your components using Tailwind utility classes","main":"./src/index.js","scripts":{"test":"vitest"},"keywords":["Tailwind","CSS"],"type":"module","author":{"name":"Adrian Rocafull Berbel"},"license":"ISC","devDependencies":{"@csstools/postcss-minify":"^1.1.0","standard":"^17.1.0","vitest":"^1.2.2","postcss":"^8.4.35"},"peerDependencies":{"tailwindcss":"^3.0.0"},"gitHead":"c013ae28774bbeb0ae67853e03403242e3b145f9","_id":"@adrian_rocafull/tailwind-animations@0.0.5","_nodeVersion":"18.15.0","_npmVersion":"9.6.3","dist":{"integrity":"sha512-x7OrqeHKVgmHQKfvb0ZdQSpAXWKWcgegrZFqNh4MUtmHXoKYS1kozs0EDjNTVKVh2yTo76IKUbguvHacJn7EKg==","shasum":"6be6afbea6c10cde5807ff260f4b2b5cce0ecf0c","tarball":"https://registry.npmjs.org/@adrian_rocafull/tailwind-animations/-/tailwind-animations-0.0.5.tgz","fileCount":6,"unpackedSize":25229,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNRhCQr1BOcoMvpauseLg6Plke92ube/7O9Sq6pl2fxQIhAMYv1FeLwiR7aPE1VE+CqD3zzfi9M7zSVg0JYYsUcb7f"}]},"_npmUser":{"name":"adrian_rocafull","email":"adrianrocafull1@gmail.com"},"directories":{},"maintainers":[{"name":"adrian_rocafull","email":"adrianrocafull1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tailwind-animations_0.0.5_1708529376685_0.568053847863798"},"_hasShrinkwrap":false},"0.0.6":{"name":"@adrian_rocafull/tailwind-animations","version":"0.0.6","description":"The Tailwind Animations Plugin is a Tailwind CSS plugin that enables you to easily add animations to your components using Tailwind utility classes","main":"./src/index.js","scripts":{"test":"vitest"},"keywords":["Tailwind","CSS"],"type":"module","author":{"name":"Adrian Rocafull Berbel"},"license":"ISC","devDependencies":{"@csstools/postcss-minify":"^1.1.0","standard":"^17.1.0","vitest":"^1.2.2","postcss":"^8.4.35"},"peerDependencies":{"tailwindcss":"^3.0.0"},"gitHead":"c013ae28774bbeb0ae67853e03403242e3b145f9","_id":"@adrian_rocafull/tailwind-animations@0.0.6","_nodeVersion":"18.15.0","_npmVersion":"9.6.3","dist":{"integrity":"sha512-HoHdXQdn/RXKeBIW8WVlYv5wki4B+pI7YioU4uxAuWNX79SCw0twZ8djYHg9x4GlytgpuNXHANLmbJ/76rwPQg==","shasum":"0d5580056a7e61789752d811d4678ed988ae32db","tarball":"https://registry.npmjs.org/@adrian_rocafull/tailwind-animations/-/tailwind-animations-0.0.6.tgz","fileCount":4,"unpackedSize":22455,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFsgtC4pBvQLO7OxlF1uqYxIk4xA/uF6dfrG0bMQcqY7AiAr6kCc0OedUhxIOT5gzKbOL3IYZFGJpCod1jtsBOQNmA=="}]},"_npmUser":{"name":"adrian_rocafull","email":"adrianrocafull1@gmail.com"},"directories":{},"maintainers":[{"name":"adrian_rocafull","email":"adrianrocafull1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tailwind-animations_0.0.6_1708529523860_0.33823975017703134"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-17T19:39:37.378Z","0.0.1":"2024-02-17T19:39:37.596Z","modified":"2024-02-21T15:32:04.909Z","0.0.2":"2024-02-17T19:41:28.518Z","0.0.3":"2024-02-17T19:43:24.398Z","0.0.4":"2024-02-21T15:28:25.721Z","0.0.5":"2024-02-21T15:29:36.846Z","0.0.6":"2024-02-21T15:32:04.049Z"},"maintainers":[{"name":"adrian_rocafull","email":"adrianrocafull1@gmail.com"}],"description":"The Tailwind Animations Plugin is a Tailwind CSS plugin that enables you to easily add animations to your components using Tailwind utility classes","keywords":["Tailwind","CSS"],"author":{"name":"Adrian Rocafull Berbel"},"license":"ISC","readme":" <div align=\"center\">\r\n\r\n# Awesome Tailwind Animations\r\n\r\nGet your animations easily done with only Tailwind CSS classes.\r\n\r\nVisit the [website](https://tailwindcss-animations.vercel.app/) to get more information.\r\n</div>\r\n  \r\n## Installation :book:\r\n\r\n#### Package install\r\n\r\n> Install the package with your favorite package manager:\r\n\r\n- npm\r\n```bash\r\nnpm install @adrian_rocafull/tailwind-animations\r\n```\r\n- pnpm\r\n```bash\r\npnpm install @adrian_rocafull/tailwind-animations\r\n```\r\n- yarn\r\n```bash\r\nyarn add @adrian_rocafull/tailwind-animations\r\n```\r\n\r\n#### Plugin Implementation\r\n> Use the plugin in your Tailwind CSS project:\r\n\r\n```js\r\n// tailwind.config.mjs\r\nimport animations from '@midudev/tailwind-animations'\r\n\r\nexport default {\r\n  // rest of the options\r\n  plugins: [\r\n    animations\r\n  ],\r\n}\r\n```\r\n\r\n## Usage :gear:\r\n\r\n#### Example\r\n\r\n> Here are some simple examples of how to use this plugin and its animations:\r\n\r\n```html\r\n<div class=\"animate-fade-in\">\r\n  Fade in box\r\n</div>\r\n\r\n<div class=\"animate-slide-in-bottom animate-delay-300 animate-duration-slow\">\r\n  Slow animation after 300ms to slide in from bottom\r\n</div>\r\n```","readmeFilename":"README.md"}