{"_id":"tailwindcss-motion","_rev":"21-d192f55509e123e90f91ff663c689cb1","name":"tailwindcss-motion","dist-tags":{"latest":"1.1.1"},"versions":{"0.1.0":{"name":"tailwindcss-motion","version":"0.1.0","keywords":[],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.1.0","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"}],"homepage":"https://github.com/romboHQ/tailwindcss-motion","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"c877d75b7e478c0186ce3ac6d723482704557804","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.1.0.tgz","fileCount":9,"integrity":"sha512-j6wAmq8C6wD2HG6pLSiZnY++InMWBZA9i6jBfwx1u5nhT+PLoCDQpNpDJsxG8n9GFenlqk/CdJBo5xn3xB+2sg==","signatures":[{"sig":"MEQCIElFdi27ubpsLmlXSRSlXARgSwhY1PxXZMhhTcFLba7SAiB3oUWpgOEuB1+4Ck9+R7tEqpBvLHxA0p1mjT4zr22qzg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55907},"main":"src/index.js","type":"module","gitHead":"79b5f0b111bd21b33768bcf486b24522f05d1841","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.7.0","description":"Use the following utility classes to animate your components:","directories":{},"_nodeVersion":"20.15.1","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.1.0_1727129158557_0.8741903359260643","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"tailwindcss-motion","version":"0.2.0","keywords":[],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.2.0","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"},{"name":"nsmithr","email":"nicksmithr@icloud.com"}],"homepage":"https://github.com/romboHQ/tailwindcss-motion","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"0ee93d4680cd3e56a72d0aaab7dbde92987398b6","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.2.0.tgz","fileCount":9,"integrity":"sha512-WXJWSR6UywGEaSvL+EYofQmSZCD+jDRj5W02MivUYEqdoJOWDMUhS2BFLu5eAdwd+MAYt9tAS/9MUbxfW69llQ==","signatures":[{"sig":"MEUCIAc+x2nMSPSWI9Hk8J0XgbJrNZ4esaUP7IsjysAyXqX7AiEA2aKEu77KoSU/HgW1BHc6LZ8c/oIK0d15xyDGM2BKAqI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56104},"main":"src/index.js","type":"module","gitHead":"e11b2a9b1b28906cfec7daf730b6d1af84a129f7","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.7.0","description":"Use the following utility classes to animate your components:","directories":{},"_nodeVersion":"20.15.1","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.2.0_1727303213054_0.8248869410337505","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"tailwindcss-motion","version":"0.2.1","keywords":[],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.2.1","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"},{"name":"nsmithr","email":"nicksmithr@icloud.com"}],"homepage":"https://github.com/romboHQ/tailwindcss-motion","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"ad1906cdbaeb8e2e28dfa0c37c25f15661669938","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.2.1.tgz","fileCount":9,"integrity":"sha512-DNBzQJeR6YNMqI1Y5deP2JpehtORy54O2BYwUWEhdMEmFVIiIifcWW0GC8qilYJGpr6iXotw7bjcSlQA4MENZA==","signatures":[{"sig":"MEQCIHe4nRzfOLOBek/JpbWrqXfN4PTlMZq+mNPv38/mNUFRAiAjdYwdrPcKPg5o7Ssva29oO67kp1963hcBhkCgUo/+kA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55425},"main":"src/index.js","type":"module","gitHead":"635c2d76464ec37e5b8712da395a56f9ad09e7c4","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.7.0","description":"Use the following utility classes to animate your components:","directories":{},"_nodeVersion":"20.15.1","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.2.1_1727308030715_0.3277588204047013","host":"s3://npm-registry-packages"}},"0.2.2":{"name":"tailwindcss-motion","version":"0.2.2","keywords":[],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.2.2","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"},{"name":"nsmithr","email":"nicksmithr@icloud.com"}],"homepage":"https://github.com/romboHQ/tailwindcss-motion","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"0b3a286d83edacca61d15db5f2a92f56da5d66d0","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.2.2.tgz","fileCount":9,"integrity":"sha512-cwUekAXV3wtR+apA69XmNHipNfYXW0D7IY/TLx7Ge4rPLLxm6fqPuEBZCGb7+dWsAdTBOui7uggaDA73pX+tvQ==","signatures":[{"sig":"MEYCIQD2xAEH92hUpdKd2Lb1hAYgl5XXEMYi5UO3AN1ORJGDxwIhAL/1rtlkxe3/IgqGdYK3Bmw8UBe3l7h7j9KKls1U6NZm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55432},"main":"src/index.js","type":"module","gitHead":"10c70f5911418acb9fc28bb46043c4694235ddad","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.7.0","description":"Use the following utility classes to animate your components:","directories":{},"_nodeVersion":"20.15.1","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.2.2_1727308433108_0.04534887030203705","host":"s3://npm-registry-packages"}},"0.2.3":{"name":"tailwindcss-motion","version":"0.2.3","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.2.3","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"},{"name":"nsmithr","email":"nicksmithr@icloud.com"}],"homepage":"https://github.com/romboHQ/tailwindcss-motion","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"714fc2b7a1cc50f544bdd1e28b24920fffc776a3","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.2.3.tgz","fileCount":9,"integrity":"sha512-+tPjf9wZo1l39BCZD4ST8UJiHLNTAGwHiniSrp234rHM1K5v2K0U5DqhErHP6iS0tfGJXxVJ/3A5zm/BUqvEdg==","signatures":[{"sig":"MEUCIAc9XTMLFBWOT9juWIlQR5yCwR3ZgZfgwCdaN5iBOpGWAiEAmhVFM5XhX976cHCUBLldeS5jxkMVhbbUojqVp2d0QsQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55982},"main":"src/index.js","type":"module","gitHead":"1cb42bff7508c8be351205b77b506351749791fe","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.7.0","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.15.1","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.2.3_1727725729171_0.9262756933138048","host":"s3://npm-registry-packages"}},"0.2.4":{"name":"tailwindcss-motion","version":"0.2.4","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.2.4","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"},{"name":"nsmithr","email":"nicksmithr@icloud.com"}],"homepage":"https://github.com/romboHQ/tailwindcss-motion","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"75592077804681004e853f7e89f42ed1ffe9ef8d","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.2.4.tgz","fileCount":9,"integrity":"sha512-svWya+TCsI6EF8N8OW5drDDeCe97cqM/kaz/uga+8o1kMf0IgaIk0LDgWgtetZO+zlOI/tdOvN9LMc19e8enhg==","signatures":[{"sig":"MEQCIFAaWPpLscDZlCeS668WnBG/7IgSXL96gWyiwiiwGqBiAiB000qGVmPnjmb8BVNcj5WKq5qICTcTmrkgupIg8UkEiQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55982},"main":"src/index.js","type":"module","gitHead":"02cb0841547ad732aa572861d994834c1cb427a2","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.7.0","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.15.1","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.2.4_1727727674799_0.8092541541492719","host":"s3://npm-registry-packages"}},"0.2.5":{"name":"tailwindcss-motion","version":"0.2.5","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.2.5","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"},{"name":"nsmithr","email":"nicksmithr@icloud.com"}],"homepage":"https://github.com/romboHQ/tailwindcss-motion","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"f5fadbb1a56b6ab2653afc4555267ed1f267f894","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.2.5.tgz","fileCount":9,"integrity":"sha512-QjjYnIiK/6U7/e1TbBSgcPuPYYbRdZgR6t3wDBEDM6xsWdNt2mGvjF73SqGtGDhpNcZZBkfUBHyl1JXtq0y9+g==","signatures":[{"sig":"MEQCIFbokacy68Ivlhj2g429b52NbuUfM1A0b8wYCITCs5L3AiBJVf+5BWtYt81ZIoHulb8Srb+fOSvh/qF0Ss9HRv+94w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57801},"main":"src/index.js","type":"module","gitHead":"af702c047f22a0ed2c2ad10b2ad32d5f08e74571","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.7.0","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.15.1","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.2.5_1727920146758_0.23447606956449496","host":"s3://npm-registry-packages"}},"0.2.6":{"name":"tailwindcss-motion","version":"0.2.6","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.2.6","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"},{"name":"nsmithr","email":"nicksmithr@icloud.com"}],"homepage":"https://rombo.co/tailwind/","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"ab4621d6ec49b3965a275f7045371614933bb081","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.2.6.tgz","fileCount":9,"integrity":"sha512-8JpSiBNwvyrPP332sRfYfxm/yn/mDO1m0rs7Sc1qCvMLLFKBBvG/Eig9PGwUovuwWxvIJUaXxyrUM0e3tV+f5Q==","signatures":[{"sig":"MEUCIH6Z9jaK11o4VeYarl0RWreGWh7llh5OU5bxbtrkO1GhAiEAyiOxbWzNcGg9P85yV9bjVejVW97v8/O6N3DJ+7+Cbbc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57782},"main":"src/index.js","type":"module","gitHead":"26c0cb066a2c398a79f39c463fa7fd149d34299a","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.7.0","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.15.1","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.2.6_1727920338778_0.2924383779222792","host":"s3://npm-registry-packages"}},"0.2.7":{"name":"tailwindcss-motion","version":"0.2.7","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.2.7","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"},{"name":"nsmithr","email":"nicksmithr@icloud.com"}],"homepage":"https://rombo.co/tailwind/","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"20e54524a9a842c3d5d9469ad15aed1e13e97645","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.2.7.tgz","fileCount":9,"integrity":"sha512-H/6TImOSQdKYNwiog9dESHISxfYkQnt0bnulxJ3D1lbm49Azu/YrY09llmFvEyF5zQ2ip5LYAGpb1W+XtSaBNw==","signatures":[{"sig":"MEQCIF5vt9LS1pNSBXWiEG+1cb2SCwdMvS3bMC3J/8tCqN6NAiBAbEs5ERDeBeycIxwlc0jqJnU8ay/S8uWTKS/VKMo0vw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57812},"main":"src/index.js","type":"module","gitHead":"29bbdbf354429d30e950b2859ff7e2acdc2e79ff","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.7.0","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.15.1","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.2.7_1727921190535_0.48217057035413835","host":"s3://npm-registry-packages"}},"0.3.0-beta":{"name":"tailwindcss-motion","version":"0.3.0-beta","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.3.0-beta","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"},{"name":"nsmithr","email":"nicksmithr@icloud.com"}],"homepage":"https://rombo.co/tailwind/","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"d443ce337a28686fe378dfd20a658d7026df5765","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.3.0-beta.tgz","fileCount":9,"integrity":"sha512-dBmakhcseaB7zK82H9zMmzNhAZFCA9DxWeuw0rkttIarur/7tnjWg1Nv9LlZZR9c+YctRyZns3D+1Fjbksq7Fg==","signatures":[{"sig":"MEYCIQDbEcuqBGlawMqHZiinRnwpHhQqFrnYGYsjBqSzPpYrEAIhAM0phl7ruPgqQiaNqoGkknU35FZpxCO5OrA5wixmXGDd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58386},"main":"src/index.js","type":"module","gitHead":"d3ea1b17b5554e8d5b639706b89b6619d3553155","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.7.0","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.15.1","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.3.0-beta_1727972989406_0.17818129952049788","host":"s3://npm-registry-packages"}},"0.4.0-beta":{"name":"tailwindcss-motion","version":"0.4.0-beta","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.4.0-beta","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"},{"name":"nsmithr","email":"nicksmithr@icloud.com"}],"homepage":"https://rombo.co/tailwind/","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"b7d9567c2643142bd6887a891249bd3ee5858cda","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.4.0-beta.tgz","fileCount":9,"integrity":"sha512-tr3zhvFpy4Z4Em197uC7eyZlbV7mOVV+1Hq8RpwcIdZIO+yWre2oTOw96JaZob3WUSpUVkOmglPb6PPdlXuH0g==","signatures":[{"sig":"MEQCIDsqVh/i45SdgP2Q6egvYM5WNQyUH85DZDoCD6VsDMWCAiAmSR7H97/6t+yJQn22N1Y3cKjKT7jYO8Js61teMucoOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":77931},"main":"src/index.js","type":"module","gitHead":"ea5db3484b6b8cfbb3974646b60c58c229be42d5","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.8.2","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.4.0-beta_1730825848247_0.5715679500228108","host":"s3://npm-registry-packages"}},"0.4.1-beta":{"name":"tailwindcss-motion","version":"0.4.1-beta","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.4.1-beta","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"},{"name":"nsmithr","email":"nicksmithr@icloud.com"}],"homepage":"https://rombo.co/tailwind/","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"1dea76d850da5b55cf510ebbedbc4707c0e194d2","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.4.1-beta.tgz","fileCount":9,"integrity":"sha512-yCybZsy6Vq4mgKS4KN41mGKfsOQVzgcapUEQ7Rws1gfN7zZUEm2gji6x6KAWNYf64lstVXPmZuxMmPaQp4XyLA==","signatures":[{"sig":"MEUCIEAE4X+76qs8YfipJyb3owAm0kgI8QdLuHtTiHW8vwnrAiEA6qKMbOjpipgyTGF8zWo6iiolB8/jZuvcBwqOuA/2OgU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78137},"main":"src/index.js","type":"module","gitHead":"1e5902da96fe29d681a2197c6b89e8e92ef9dd69","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.8.2","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.4.1-beta_1730829581097_0.39210979647302135","host":"s3://npm-registry-packages"}},"0.4.2-beta":{"name":"tailwindcss-motion","version":"0.4.2-beta","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.4.2-beta","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"},{"name":"nsmithr","email":"nicksmithr@icloud.com"}],"homepage":"https://rombo.co/tailwind/","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"ce69a1f72a35c3fbae3fd39ec1170afff55de68f","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.4.2-beta.tgz","fileCount":9,"integrity":"sha512-0ND5+rugwUjiCaXQX3O7cwQW8M4wyY8sS1dBWKUvjNiaDMk5LbyOH4ujGynupzSPNY5eipVRwzVk5yEU6frT9A==","signatures":[{"sig":"MEYCIQD+e8zf9Fqw5VSe/o6qlxAWvvoDdyEgvDGjDejsBL4Q7gIhAJiFfYNasW03AOoUfob7IBIP5IZ7MeIZiR6uWF6hGjjZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78349},"main":"src/index.js","type":"module","gitHead":"22a3dca501e30b37b1b739c577cc182e5486dcf8","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.8.2","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.4.2-beta_1731695470328_0.05923151477756994","host":"s3://npm-registry-packages"}},"0.4.3-beta":{"name":"tailwindcss-motion","version":"0.4.3-beta","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.4.3-beta","maintainers":[{"name":"kevingrajeda","email":"me@kvin.me"},{"name":"nsmithr","email":"nicksmithr@icloud.com"}],"homepage":"https://rombo.co/tailwind/","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"ed9ad50ed2d47d21c33cf353ccab8d2f24869061","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.4.3-beta.tgz","fileCount":9,"integrity":"sha512-9S4nmSw01m0/z0UxodUNT7U+yUdlZdXnH9RMkb2rXvrUEQQ+rMVPeP9j4pMwJy779LECiSr+IoSTVrGluSfU2w==","signatures":[{"sig":"MEQCIHaQMBSsR0WIdpVS1srS97fBs+U6or+VJHC9wjf1dKPeAiBsMVulButQii2h+OZC5vB5kzDQsRVv/T3ld2NuiEa8Ng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78347},"main":"src/index.js","type":"module","gitHead":"09ceaeca9654598bca430872f1c967eb066ca4a5","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.8.2","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.4.3-beta_1731710249454_0.36816501258209366","host":"s3://npm-registry-packages"}},"0.4.4-beta":{"name":"tailwindcss-motion","version":"0.4.4-beta","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.4.4-beta","maintainers":[{"name":"nsmithr","email":"nicksmithr@icloud.com"},{"name":"kevingrajeda","email":"me@kvin.me"}],"homepage":"https://rombo.co/tailwind/","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"5224e3d2054871659aa8d74d8136e57947375e4f","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.4.4-beta.tgz","fileCount":9,"integrity":"sha512-kUcTGVkrkR2wIPyPQdyRWHZJ099N4oBW7E0ktUqtC85F3HtfILT4tVU8YbJpyFjvfb1imlHhSYMt/puE9/wABg==","signatures":[{"sig":"MEYCIQD3HxIYppgwdUputDp4LDbvU+BOmV2d3Zn1wwDRY+jaXwIhAJHdNe3mfpKYQ9zSAnc1kOZ6K6sTkG6XWysdRGKppvQe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78279},"main":"src/index.js","type":"module","gitHead":"70625d72baeaab5ecf60e1456422c9af96788048","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.8.2","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.4.4-beta_1733771839535_0.6766259353371953","host":"s3://npm-registry-packages-npm-production"}},"0.4.5-beta":{"name":"tailwindcss-motion","version":"0.4.5-beta","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@0.4.5-beta","maintainers":[{"name":"nsmithr","email":"nicksmithr@icloud.com"},{"name":"kevingrajeda","email":"me@kvin.me"}],"homepage":"https://rombo.co/tailwind/","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"27601546b55aa85441037520a03301a743ab6b50","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-0.4.5-beta.tgz","fileCount":9,"integrity":"sha512-XgFUvksXHDuZ33+GtUcSDhK6yYDbprc0JxiT6OgPoxPwnxKqNYRl/MQhZqPF7sGyRMgGWBkMe+r+mdlRavbonA==","signatures":[{"sig":"MEYCIQC0K9qiYWkGD2VkuwfNNmWB9kYfPidHqMfcnpVJo2zSTwIhAPWdBqVnyqxyHVcxYDKvPPOmjcqRR7VgwjG9MdIfeytx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78313},"main":"src/index.js","type":"module","gitHead":"9264dab971a64f8b020da93b075195b9a65b0a23","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.8.2","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_0.4.5-beta_1733773701464_0.4571527293382096","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"tailwindcss-motion","version":"1.0.0","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@1.0.0","maintainers":[{"name":"nsmithr","email":"nicksmithr@icloud.com"},{"name":"kevingrajeda","email":"me@kvin.me"}],"homepage":"https://rombo.co/tailwind/","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"6329dc35cb31a483e1ba60dbef3889793929fd5a","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-1.0.0.tgz","fileCount":9,"integrity":"sha512-Bc8XJxiSGjup0NHsph4OBGXXFfmbInFUhvVVluKPScQD1R2kDQTZIODqumsI/lONryeTpDdKzwuuw1a99Z38bQ==","signatures":[{"sig":"MEQCIHeTrObB27OGxBr8Z6RiqiQkGTA2xwjmhNydgk6Peq4cAiBnVvjPv1XQYSu/fHt2v39L5U/hmC6B0Foey7K7UMAGyg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78308},"main":"src/index.js","type":"module","gitHead":"b35411d634f2025046ffaa3a4b4c1070a912aebe","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.8.2","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_1.0.0_1733943013556_0.11775304573967693","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"tailwindcss-motion","version":"1.0.1","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@1.0.1","maintainers":[{"name":"nsmithr","email":"nicksmithr@icloud.com"},{"name":"kevingrajeda","email":"me@kvin.me"}],"homepage":"https://rombo.co/tailwind/","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"2e2f634ff83c1ecfc2eb7d9eed8670710061775b","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-1.0.1.tgz","fileCount":10,"integrity":"sha512-ZqarvI3XSclT46Dq1wOo9qG9Yx0TIyEtkMfTo8l0JuVKvO1WiSbvAECuTqdYHpC9Ml7abuJIk7u907SBHYprwQ==","signatures":[{"sig":"MEYCIQD449TNMMW/vie+nSBkXnQvrwYktknoPPj/s+jLOJQK8wIhAMU+L9WH8rCSYwkgBfAg8FJQKy9bcNCjAsD2Z/IbWisB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73437},"main":"src/index.js","type":"module","types":"./src/index.d.ts","gitHead":"d21420b69bfc85c51af68029c66101a8b9a60132","scripts":{},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.8.2","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.12"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_1.0.1_1735923407253_0.1443155209953617","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"tailwindcss-motion","version":"1.1.0","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"url":"https://rombo.co/","name":"Rombo"},"license":"MIT","_id":"tailwindcss-motion@1.1.0","maintainers":[{"name":"nsmithr","email":"nicksmithr@icloud.com"},{"name":"kevingrajeda","email":"me@kvin.me"}],"homepage":"https://rombo.co/tailwind/","bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"dist":{"shasum":"fc93b70d7e5949fd1d342004626e56c70c1fc0cc","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-1.1.0.tgz","fileCount":17,"integrity":"sha512-0lK6rA4+367ffJdi1TtB72GlMCxJi2TP/xRiHc6An5pZSlU6WfIHhSvLxpcGilGZfBrOqc2q4woH1DEP/lCNbQ==","signatures":[{"sig":"MEUCIQC0F56RHPyV7VbHwvQex8LqJ7xMuxnmrnAdset+y4k27wIgBHfVMBaaf4BikcYBkaJ8u4jzpAyLGFKUHbqQ72VzDIg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":431822},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"9113039274c9b831b759b774807d9061471048d0","scripts":{"build":"tsup","prepare":"pnpm run build","typecheck":"tsc","prepublishOnly":"pnpm run build"},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"repository":{"url":"git+https://github.com/romboHQ/tailwindcss-motion.git","type":"git"},"_npmVersion":"10.8.2","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","eslint":"^9.18.0","globals":"^15.14.0","@eslint/js":"^9.18.0","typescript":"^5.7.3","@types/node":"^22.10.7","tailwindcss":"^3.4.17","@types/react":"^19.0.7","@types/react-dom":"^19.0.3","typescript-eslint":"^8.20.0"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-motion_1.1.0_1739151851035_0.28330651673382623","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"tailwindcss-motion","version":"1.1.1","description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"author":{"name":"Rombo","url":"https://rombo.co/"},"homepage":"https://rombo.co/tailwind/","main":"dist/index.cjs","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"scripts":{"typecheck":"tsc","build":"tsup","prepublishOnly":"pnpm run build","prepare":"pnpm run build"},"repository":{"type":"git","url":"git+https://github.com/romboHQ/tailwindcss-motion.git"},"license":"MIT","type":"module","devDependencies":{"@eslint/js":"^9.18.0","@types/node":"^22.10.7","@types/react":"^19.0.7","@types/react-dom":"^19.0.3","eslint":"^9.18.0","globals":"^15.14.0","tailwindcss":"^3.4.17","tsup":"^8.3.5","typescript":"^5.7.3","typescript-eslint":"^8.20.0"},"peerDependencies":{"tailwindcss":">=3.0.0 || insiders"},"_id":"tailwindcss-motion@1.1.1","gitHead":"da5ffc26d3243ddc20ed6792ec7e0c3e7ecc7d3a","_nodeVersion":"20.18.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-CeeQAc5o31BuEPMyWdq/786X7QWNeifa+8khfu74Fs8lGkgEwjNYv6dGv+lRFS8FWXV5dp7F3AU9JjBXjiaQfw==","shasum":"17cf1c24773dd9488b6db777e43ab51d297e45bb","tarball":"https://registry.npmjs.org/tailwindcss-motion/-/tailwindcss-motion-1.1.1.tgz","fileCount":17,"unpackedSize":456698,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC3KPNAHAgzFVowC3eA7WMKXy6KJE8jbh874hBX+WczwQIgN/Lca++ykmNW9aHWZSvpv5deeFivgUZVo9ts+LwfCZM="}]},"_npmUser":{"name":"kevingrajeda","email":"me@kvin.me"},"directories":{},"maintainers":[{"name":"nsmithr","email":"nicksmithr@icloud.com"},{"name":"kevingrajeda","email":"me@kvin.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tailwindcss-motion_1.1.1_1749565259945_0.8309633307242674"},"_hasShrinkwrap":false}},"time":{"created":"2024-09-23T22:05:58.556Z","modified":"2025-06-10T14:21:00.327Z","0.1.0":"2024-09-23T22:05:58.897Z","0.2.0":"2024-09-25T22:26:53.230Z","0.2.1":"2024-09-25T23:47:10.925Z","0.2.2":"2024-09-25T23:53:53.303Z","0.2.3":"2024-09-30T19:48:49.379Z","0.2.4":"2024-09-30T20:21:15.029Z","0.2.5":"2024-10-03T01:49:06.955Z","0.2.6":"2024-10-03T01:52:19.014Z","0.2.7":"2024-10-03T02:06:30.712Z","0.3.0-beta":"2024-10-03T16:29:49.607Z","0.4.0-beta":"2024-11-05T16:57:28.416Z","0.4.1-beta":"2024-11-05T17:59:41.278Z","0.4.2-beta":"2024-11-15T18:31:10.531Z","0.4.3-beta":"2024-11-15T22:37:29.755Z","0.4.4-beta":"2024-12-09T19:17:19.724Z","0.4.5-beta":"2024-12-09T19:48:21.660Z","1.0.0":"2024-12-11T18:50:13.764Z","1.0.1":"2025-01-03T16:56:47.425Z","1.1.0":"2025-02-10T01:44:11.250Z","1.1.1":"2025-06-10T14:21:00.096Z"},"bugs":{"url":"https://github.com/romboHQ/tailwindcss-motion/issues"},"author":{"name":"Rombo","url":"https://rombo.co/"},"license":"MIT","homepage":"https://rombo.co/tailwind/","keywords":["tailwindcss","tailwind","plugin","animation","preset","motion","animate","css","design"],"repository":{"type":"git","url":"git+https://github.com/romboHQ/tailwindcss-motion.git"},"description":"Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.","maintainers":[{"name":"nsmithr","email":"nicksmithr@icloud.com"},{"name":"kevingrajeda","email":"me@kvin.me"}],"readme":"# ✨ [tailwindcss-motion](https://rombo.co/tailwind/) ✨\n\n[![NPM Version](https://img.shields.io/npm/v/tailwindcss-motion?color=F3FC6F)](https://www.npmjs.com/package/tailwindcss-motion)\n[![NPM Downloads](https://img.shields.io/npm/dw/tailwindcss-motion?color=F3FC6F)](https://www.npmjs.com/package/tailwindcss-motion)\n\ntailwindcss-motion is a Tailwind CSS Plugin made at [RomboHQ](https://rombo.co/).\nIt’s a simple, yet powerful, animation library with a simple syntax.\n\n_Motion, without commotion._\n\n## ⚒️ Installation\n\n**1. Install npm package**\n\n```bash\nnpm i -D tailwindcss-motion\n```\n\n**2. Add into your tailwind.config.js**\n\n```js\n// tailwind.config.js\n\nexport default {\n     content: [...],\n     theme: {\n        extend: {...},\n     },\n     plugins: [require('tailwindcss-motion')],\n};\n```\n\n**or,** to use ESM:\n\n```js\nimport tailwindcssMotion from \"tailwindcss-motion\";\n\n/** @type {import('tailwindcss').Config} */\nexport default {\n     content: [...],\n     theme: {\n          extend: {},\n     },\n     plugins: [tailwindcssMotion],\n};\n```\n\n## 📝 TypeScript Support\n\nThe plugin includes TypeScript definitions out of the box. Theme customizations and plugin configuration are fully typed:\n\n```ts\nimport type { Config } from \"tailwindcss\";\nimport motion from \"tailwindcss-motion\";\n\nconst config: Config = {\n  theme: {\n    extend: {\n      motionScale: {\n        \"200\": \"200%\",\n      },\n      motionTimingFunction: {\n        custom: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n      },\n    },\n  },\n  plugins: [motion],\n};\n```\n\n## How does it work?\n\nWe provide a simple syntax to animate any element in your Tailwind project. Instead of defining custom keyframes, we provide utility classes to animate every dimension, inline.\n\nFor example, for a slide and fade effect — you simply need `motion-translate-x-in-25 motion-opacity-in-0` or, you can use one of our presets with `motion-preset-fade`\n\n## Documentation\n\nFor full documentation, visit [docs.rombo.co/tailwind](https://docs.rombo.co/tailwind)\n\n## 🧩 Introducing the Chrome Extension\n\nTake your animations to the next level with the [Rombo Chrome Extension](https://rombo.co/extension/)!\n\nCreate animations visually:\n\n- Use our intuitive animator directly in your browser.\n- Loop animations\n- Save presets: Keep your animations organized and reusable.\n- Export options: Output animations as Tailwind classes, pure CSS, or Framer Motion code.\n\n![extension](https://github.com/user-attachments/assets/68a751f7-00a5-449e-a92d-f5499d3b9152)\n\n## Examples\n\nLanding page - https://play.tailwindcss.com/uAuVF8F1vC\n\n![example-1](https://github.com/user-attachments/assets/c847e7ee-f5b6-4620-afdc-2f8b037c36fd)\n\nChat dialog - https://play.tailwindcss.com/gjGqEKswjQ\n\n![example-2](https://github.com/user-attachments/assets/f11fbe59-7902-4d73-ab13-0e20ca7cc21b)\n\nLow Battery Dynamic Island - https://play.tailwindcss.com/tvYFbHtNNQ\n\n![example-3](https://github.com/user-attachments/assets/5f1e67d7-5f93-46d5-badb-ab1d3d526efc)\n\nApple Color Swatches - https://play.tailwindcss.com/cvQ3Nk3v8j\n\n![example-4](https://github.com/user-attachments/assets/887fba04-9642-4a4f-8ace-7375a4aa65b6)\n\nRombo Loop - https://play.tailwindcss.com/MLdegkb9Wq\n\n![example-5](https://github.com/user-attachments/assets/7138fb7a-d622-4590-92b5-6682806797e0)\n\nEmoji Animations - https://play.tailwindcss.com/86s55I4wmC\n\n![example-6](https://github.com/user-attachments/assets/3143dc8c-99c1-4df7-8709-a52b67d2824a)\n\n## What's Rombo?\n\nRombo is an early-stage company, building tools to help companies build beautiful interactive interfaces. We're starting out with a toolkit for engineers, designers and creative marketers to animate natively inside common Workflows — like Tailwind, Figma, Webflow, Shopify & more to come!\n\n## More Resources\n\n- [Bringing Motion to Tailwind CSS: Building an animation plugin at Rombo](https://www.kvin.me/posts/tailwind-motion) - Blog post about the creation of this library\n- [Animator Builder](https://rombo.co/tailwind/#animator) - Create animations intuitively and export them to Tailwind classes\n- [UnoCSS port](https://github.com/whatnickcodes/unocss-preset-tailwindcss-motion) - Port created by [@whatnickcodes](https://github.com/whatnickcodes)\n","readmeFilename":"README.md"}