{"_id":"@alivecss/aliveui","_rev":"9-8d908231e48ecb2ae5ba9693585a9da6","name":"@alivecss/aliveui","dist-tags":{"latest":"1.3.1"},"versions":{"1.0.0":{"name":"@alivecss/aliveui","version":"1.0.0","keywords":["css","framework","motion","design-system","ui","postcss"],"license":"MIT","_id":"@alivecss/aliveui@1.0.0","maintainers":[{"name":"pd123243","email":"pratiksha.dake@gmail.com"}],"bin":{"aliveui":"dist/cli.js"},"dist":{"shasum":"f60c719b9cf76f89310a0822d12ac670d8774f21","tarball":"https://registry.npmjs.org/@alivecss/aliveui/-/aliveui-1.0.0.tgz","fileCount":21,"integrity":"sha512-eYBo7jw8K1TZTw07l1mQ1f4gXHqz2BipbnolptnGLFw/OVVH3VBxw5AgQprv947LiF1qAzBBJuSa1sn80rQAjA==","signatures":[{"sig":"MEUCIEXPvEEiFscD9cxOAk0CKcnxGsxdBRYN5jaTKJrDuj/tAiEAvZoTlDfFHlmqDy3G7yuTlWn9Ly1rWQeus1G0s0w5kWs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1562513},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./vite":{"types":"./dist/vite.d.ts","import":"./dist/vite.mjs","require":"./dist/vite.js"},"./runtime":{"types":"./dist/runtime.d.ts","import":"./dist/runtime.mjs","require":"./dist/runtime.js"}},"gitHead":"b45820e79825a3e0d4b3227141339da7c44f25f2","scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"pd123243","email":"pratiksha.dake@gmail.com"},"_npmVersion":"11.6.0","description":"Motion-first CSS framework. Every surface has depth. Every interaction is alive.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"chokidar":"^3.6.0","commander":"^12.1.0","fast-glob":"^3.3.2"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","vitest":"^4.0.18","postcss":"^8.4.0","typescript":"^5.4.0","@types/node":"^20.0.0"},"peerDependencies":{"postcss":"^8.0.0"},"peerDependenciesMeta":{"postcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/aliveui_1.0.0_1771842464397_0.18611316696566815","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@alivecss/aliveui","version":"1.0.1","keywords":["css","framework","motion","design-system","ui","postcss"],"license":"MIT","_id":"@alivecss/aliveui@1.0.1","maintainers":[{"name":"pd123243","email":"pratiksha.dake@gmail.com"}],"bin":{"aliveui":"dist/cli.js"},"dist":{"shasum":"481965fe3979e6aca7df14adfadb36725045cc24","tarball":"https://registry.npmjs.org/@alivecss/aliveui/-/aliveui-1.0.1.tgz","fileCount":21,"integrity":"sha512-JHzutJHqECHgEY5EaWLF+VYI0xrCSEZFAbhM0PebhcC93QnJQ8aflvStrKt1cQ/EX0E85EwIxGZxRp351Q4qrg==","signatures":[{"sig":"MEUCIHZaoOsi4RUD2tCHn+7mzKx/IS5hv84UR922Y2pkNiwDAiEAsBGIcU0wjMwxF9qAZb9jwwvzuzD2if1kCy+ZQwb5E3o=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1569496},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./vite":{"types":"./dist/vite.d.ts","import":"./dist/vite.mjs","require":"./dist/vite.js"},"./runtime":{"types":"./dist/runtime.d.ts","import":"./dist/runtime.mjs","require":"./dist/runtime.js"}},"gitHead":"92cc030593df1717c0c6b885745fac25330a9197","scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"pd123243","email":"pratiksha.dake@gmail.com"},"_npmVersion":"11.6.0","description":"Motion-first CSS framework. Every surface has depth. Every interaction is alive.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"chokidar":"^3.6.0","commander":"^12.1.0","fast-glob":"^3.3.2"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","vitest":"^4.0.18","postcss":"^8.4.0","typescript":"^5.4.0","@types/node":"^20.0.0"},"peerDependencies":{"postcss":"^8.0.0"},"peerDependenciesMeta":{"postcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/aliveui_1.0.1_1772005997179_0.11316434382474139","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@alivecss/aliveui","version":"1.0.2","keywords":["css","framework","motion","design-system","ui","postcss"],"license":"MIT","_id":"@alivecss/aliveui@1.0.2","maintainers":[{"name":"pd123243","email":"pratiksha.dake@gmail.com"}],"bin":{"aliveui":"dist/cli.js"},"dist":{"shasum":"2f7810f763d280815e3083f5ae1016bec39a2db1","tarball":"https://registry.npmjs.org/@alivecss/aliveui/-/aliveui-1.0.2.tgz","fileCount":21,"integrity":"sha512-PE3Dx2YeZqtkUibWIzhS75U85PPr58ge8ckfbLbn2+Cm3LnkwpS4Ln4XjlVByLZwk/+0LhOof2BbWpyNkyNXPQ==","signatures":[{"sig":"MEUCIHC1sVuIDpwP2z0A6A7oKrtz4S5fN28OnwKIzheOPMUhAiEAzxmz2Yi0P00oyQj+acGxZcshbToxO0AZPKCWxahB/Pk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1589460},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./vite":{"types":"./dist/vite.d.ts","import":"./dist/vite.mjs","require":"./dist/vite.js"},"./runtime":{"types":"./dist/runtime.d.ts","import":"./dist/runtime.mjs","require":"./dist/runtime.js"}},"gitHead":"80ea1876f7562823459d7837ef1f251a188e94c3","scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"pd123243","email":"pratiksha.dake@gmail.com"},"_npmVersion":"11.6.0","description":"Motion-first CSS framework. Every surface has depth. Every interaction is alive.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"chokidar":"^3.6.0","commander":"^12.1.0","fast-glob":"^3.3.2"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","vitest":"^4.0.18","postcss":"^8.4.0","typescript":"^5.4.0","@types/node":"^20.0.0"},"peerDependencies":{"postcss":"^8.0.0"},"peerDependenciesMeta":{"postcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/aliveui_1.0.2_1772096720530_0.41392673931341095","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@alivecss/aliveui","version":"1.0.3","keywords":["css","framework","motion","design-system","ui","postcss"],"license":"MIT","_id":"@alivecss/aliveui@1.0.3","maintainers":[{"name":"pd123243","email":"pratiksha.dake@gmail.com"}],"bin":{"aliveui":"dist/cli.js"},"dist":{"shasum":"3c189f77fc281d06db1e0443d6e0248c4d1bb43b","tarball":"https://registry.npmjs.org/@alivecss/aliveui/-/aliveui-1.0.3.tgz","fileCount":21,"integrity":"sha512-hgaF+1i9xdXV0TqivbBTAJTgqeP892edcg0wzuNo9qZ3hjuHiFDCRAcSjrnOpR5EQ1lxDwUad7s1xO6dL6H/rA==","signatures":[{"sig":"MEYCIQDJm14s8vNck6ahnUJV7FH/efmwBzTq68C93nHXWWIuEAIhAOLpIwIINSWw5EN1C2HEfff+ViuzCH8SyXGhaDZ9wkQp","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1681618},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./vite":{"types":"./dist/vite.d.ts","import":"./dist/vite.mjs","require":"./dist/vite.js"},"./runtime":{"types":"./dist/runtime.d.ts","import":"./dist/runtime.mjs","require":"./dist/runtime.js"}},"gitHead":"1ee9ec2e05e92129287892f9868afe4ea5ec73fb","scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"pd123243","email":"pratiksha.dake@gmail.com"},"_npmVersion":"11.6.0","description":"Motion-first CSS framework. Every surface has depth. Every interaction is alive.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"chokidar":"^3.6.0","commander":"^12.1.0","fast-glob":"^3.3.2"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","vitest":"^4.0.18","postcss":"^8.4.0","typescript":"^5.4.0","@types/node":"^20.0.0"},"peerDependencies":{"postcss":"^8.0.0"},"peerDependenciesMeta":{"postcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/aliveui_1.0.3_1772097829003_0.01738410707704996","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@alivecss/aliveui","version":"1.0.5","keywords":["css","framework","motion","design-system","ui","postcss"],"license":"MIT","_id":"@alivecss/aliveui@1.0.5","maintainers":[{"name":"pd123243","email":"pratiksha.dake@gmail.com"}],"bin":{"aliveui":"dist/cli.js"},"dist":{"shasum":"ac1267cbebd1fde05493852b1b894ad7a5911a82","tarball":"https://registry.npmjs.org/@alivecss/aliveui/-/aliveui-1.0.5.tgz","fileCount":21,"integrity":"sha512-Hkkat6ofiUXW1e5v3yqyegfSau5wdReeu4WPJOIQ+Z2rf1OC9nuKPp1xO8NJHJ1opD1s76RhgUYaUL5tHZ1YWQ==","signatures":[{"sig":"MEUCIGLe6QHMy0Z1hiLHhU2lP14EUK0VURZjpa71Zc7qcz+pAiEAp7e1y+LYIZUt+i9KQGkm1LbYwnyYbYhrrm1+uguSXLY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1715333},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./vite":{"types":"./dist/vite.d.ts","import":"./dist/vite.mjs","require":"./dist/vite.js"},"./runtime":{"types":"./dist/runtime.d.ts","import":"./dist/runtime.mjs","require":"./dist/runtime.js"}},"gitHead":"ae46303312859dd592bc20ad4be245ee7bc91c7b","scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"pd123243","email":"pratiksha.dake@gmail.com"},"_npmVersion":"11.6.0","description":"Motion-first CSS framework. Every surface has depth. Every interaction is alive.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"chokidar":"^3.6.0","commander":"^12.1.0","fast-glob":"^3.3.2"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","vitest":"^4.0.18","postcss":"^8.4.0","typescript":"^5.4.0","@types/node":"^20.0.0"},"peerDependencies":{"postcss":"^8.0.0"},"peerDependenciesMeta":{"postcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/aliveui_1.0.5_1772172208848_0.6784163039083322","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@alivecss/aliveui","version":"1.1.0","keywords":["css","framework","motion","design-system","ui","postcss"],"license":"MIT","_id":"@alivecss/aliveui@1.1.0","maintainers":[{"name":"pd123243","email":"pratiksha.dake@gmail.com"}],"bin":{"aliveui":"dist/cli.js"},"dist":{"shasum":"7223d1a16717bd8d71811cffbc1b3cc6f7f75d7d","tarball":"https://registry.npmjs.org/@alivecss/aliveui/-/aliveui-1.1.0.tgz","fileCount":21,"integrity":"sha512-EOmHbZWCLj4hDYEN9vEN67pXds7AqGYdz12ijqqxSQfCBx978mgMWw/ggdQhJRwGyKuxRrrQoPb/Jys1xlv0gg==","signatures":[{"sig":"MEYCIQCg0gaWYWSyW2AixVPwKc+RQIS+gTD6Of27aQ1Yb12/rwIhAJ1obkLBsnmvXHqRayXtjxXgeATgsU/dzLmuF+IL3Wxu","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1791810},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./vite":{"types":"./dist/vite.d.ts","import":"./dist/vite.mjs","require":"./dist/vite.js"},"./runtime":{"types":"./dist/runtime.d.ts","import":"./dist/runtime.mjs","require":"./dist/runtime.js"}},"gitHead":"ae46303312859dd592bc20ad4be245ee7bc91c7b","scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"pd123243","email":"pratiksha.dake@gmail.com"},"_npmVersion":"11.6.0","description":"Motion-first CSS framework. Every surface has depth. Every interaction is alive.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"chokidar":"^3.6.0","commander":"^12.1.0","fast-glob":"^3.3.2"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","vitest":"^4.0.18","postcss":"^8.4.0","typescript":"^5.4.0","@types/node":"^20.0.0"},"peerDependencies":{"postcss":"^8.0.0"},"peerDependenciesMeta":{"postcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/aliveui_1.1.0_1772618209492_0.057203003120942286","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"@alivecss/aliveui","version":"1.2.0","keywords":["css","framework","motion","design-system","ui","postcss"],"license":"MIT","_id":"@alivecss/aliveui@1.2.0","maintainers":[{"name":"pd123243","email":"pratiksha.dake@gmail.com"}],"bin":{"aliveui":"dist/cli.js"},"dist":{"shasum":"d4e190ffb88f953263a9a016c1bbfd2ff0bccddf","tarball":"https://registry.npmjs.org/@alivecss/aliveui/-/aliveui-1.2.0.tgz","fileCount":21,"integrity":"sha512-FzN4h65dCqg7zkDb1GUSrYNRgHnVihwRX3pkmOYkweGzdnVOM22y98RWQPCAWenhekMXaKl3uVwuK1X7VnCjag==","signatures":[{"sig":"MEUCIFrwTWzklgRU4CoUaJK/g6WHr7dZ6cG8OeyQV2OnqpaNAiEA9q5RbLOfP0SWEVMO0LvQXwgwKSQubAbiLEHAZle0K5M=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2547673},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./vite":{"types":"./dist/vite.d.ts","import":"./dist/vite.mjs","require":"./dist/vite.js"},"./runtime":{"types":"./dist/runtime.d.ts","import":"./dist/runtime.mjs","require":"./dist/runtime.js"}},"gitHead":"a48559102a5a3968b935367409572991162cf34d","scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"pd123243","email":"pratiksha.dake@gmail.com"},"_npmVersion":"11.6.0","description":"Motion-first CSS framework. Every surface has depth. Every interaction is alive.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"chokidar":"^3.6.0","commander":"^12.1.0","fast-glob":"^3.3.2"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","vitest":"^4.0.18","postcss":"^8.4.0","typescript":"^5.4.0","@types/node":"^20.0.0"},"peerDependencies":{"postcss":"^8.0.0"},"peerDependenciesMeta":{"postcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/aliveui_1.2.0_1773222200648_0.010250589189993553","host":"s3://npm-registry-packages-npm-production"}},"1.3.0":{"name":"@alivecss/aliveui","version":"1.3.0","keywords":["css","framework","motion","design-system","ui","postcss"],"license":"MIT","_id":"@alivecss/aliveui@1.3.0","maintainers":[{"name":"pd123243","email":"pratiksha.dake@gmail.com"}],"bin":{"aliveui":"dist/cli.js"},"dist":{"shasum":"5fe55088b922f0c7359992324037ea13ee256363","tarball":"https://registry.npmjs.org/@alivecss/aliveui/-/aliveui-1.3.0.tgz","fileCount":21,"integrity":"sha512-ht0h+sC+uo/RUvyf42kQy2dcSJ6KOA25wn7VqPJmEQLMGKu56PqHpDuil/Zx5E8DfFR3GgpCdbezBczLhAF1Fw==","signatures":[{"sig":"MEUCIDECXVsJdBW9qe+o4vuMCE2on3VDuXOZ+v9aYV2Ze0TyAiEAl4ZIWTYSLPs07zJZtgVoc9k3DVKpkHm+8QGtfrRU/4s=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2584427},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./vite":{"types":"./dist/vite.d.ts","import":"./dist/vite.mjs","require":"./dist/vite.js"},"./runtime":{"types":"./dist/runtime.d.ts","import":"./dist/runtime.mjs","require":"./dist/runtime.js"}},"gitHead":"0dcaa53d692c1c6f477a6f4ae091fa032af40b50","scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"pd123243","email":"pratiksha.dake@gmail.com"},"_npmVersion":"11.6.0","description":"Motion-first CSS framework. Every surface has depth. Every interaction is alive.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"chokidar":"^3.6.0","commander":"^12.1.0","fast-glob":"^3.3.2"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","vitest":"^4.0.18","postcss":"^8.4.0","typescript":"^5.4.0","@types/node":"^20.0.0"},"peerDependencies":{"postcss":"^8.0.0"},"peerDependenciesMeta":{"postcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/aliveui_1.3.0_1774256945776_0.5288119451085156","host":"s3://npm-registry-packages-npm-production"}},"1.3.1":{"name":"@alivecss/aliveui","version":"1.3.1","description":"Motion-first CSS framework. Every surface has depth. Every interaction is alive.","keywords":["css","framework","motion","design-system","ui","postcss"],"license":"MIT","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./runtime":{"types":"./dist/runtime.d.ts","import":"./dist/runtime.mjs","require":"./dist/runtime.js"},"./vite":{"types":"./dist/vite.d.ts","import":"./dist/vite.mjs","require":"./dist/vite.js"}},"bin":{"aliveui":"dist/cli.js"},"scripts":{"build":"tsup","dev":"tsup --watch","typecheck":"tsc --noEmit","test":"vitest run"},"dependencies":{"chokidar":"^3.6.0","commander":"^12.1.0","fast-glob":"^3.3.2"},"peerDependencies":{"postcss":"^8.0.0"},"peerDependenciesMeta":{"postcss":{"optional":true}},"devDependencies":{"@types/node":"^20.0.0","postcss":"^8.4.0","tsup":"^8.0.0","typescript":"^5.4.0","vitest":"^4.0.18"},"_id":"@alivecss/aliveui@1.3.1","gitHead":"0dcaa53d692c1c6f477a6f4ae091fa032af40b50","_nodeVersion":"20.19.3","_npmVersion":"11.6.0","dist":{"integrity":"sha512-KG9R0236YNsYNuAKRAwJMMbMnSgj+8uA3LDYQUf2KgIvaXf2t4jMTrYdtzGGYq5qXidjzJvgyQmV7sTMn/9uew==","shasum":"853a16d20e60555e8e06ecc4ca453787abe3943d","tarball":"https://registry.npmjs.org/@alivecss/aliveui/-/aliveui-1.3.1.tgz","fileCount":21,"unpackedSize":2584427,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCrED/zeyFJ1u9KW+7foaCnR982SEps3KyTpBtTy2jFzgIgKeCLsRN59k+aKK27QwZk6kHEMkT/qvjnRpPV2tt6XZM="}]},"_npmUser":{"name":"pd123243","email":"pratiksha.dake@gmail.com"},"directories":{},"maintainers":[{"name":"pd123243","email":"pratiksha.dake@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/aliveui_1.3.1_1774256998230_0.15943205554884665"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-23T10:27:43.888Z","modified":"2026-03-23T09:09:58.497Z","1.0.0":"2026-02-23T10:27:44.597Z","1.0.1":"2026-02-25T07:53:17.439Z","1.0.2":"2026-02-26T09:05:20.759Z","1.0.3":"2026-02-26T09:23:49.210Z","1.0.5":"2026-02-27T06:03:29.072Z","1.1.0":"2026-03-04T09:56:49.737Z","1.2.0":"2026-03-11T09:43:20.862Z","1.3.0":"2026-03-23T09:09:05.967Z","1.3.1":"2026-03-23T09:09:58.377Z"},"license":"MIT","keywords":["css","framework","motion","design-system","ui","postcss"],"description":"Motion-first CSS framework. Every surface has depth. Every interaction is alive.","maintainers":[{"name":"pd123243","email":"pratiksha.dake@gmail.com"}],"readme":"# AliveUI\n\n**Motion-first CSS framework. Every surface has depth. Every interaction is alive.**\n\nModern interfaces are visually structured but temporally dead. AliveUI treats motion, depth, and interaction feedback as first-class primitives — encoded directly into the utility system, not bolted on as an afterthought.\n\n---\n\n## Install\n\n```bash\nnpm install @alivecss/aliveui\n```\n\n---\n\n## Two ways to use it\n\n### 1. PostCSS Plugin\n\nAdd to `postcss.config.js`:\n\n```js\nmodule.exports = {\n  plugins: {\n    '@alivecss/aliveui': {\n      content: ['./src/**/*.{html,js,jsx,ts,tsx,vue,svelte}'],\n    },\n  },\n}\n```\n\nIn your CSS entry file:\n\n```css\n@aliveui base;\n@aliveui utilities;\n```\n\n### 2. CLI\n\n```bash\n# Create config\nnpx @alivecss/aliveui init\n\n# Build once\nnpx @alivecss/aliveui build\n\n# Watch mode\nnpx @alivecss/aliveui watch\n```\n\nConfig file (`aliveui.config.js`):\n\n```js\n/** @type {import('@alivecss/aliveui').AliveUIConfig} */\nmodule.exports = {\n  content: ['./src/**/*.{html,js,jsx,ts,tsx}'],\n  output: './public/alive.css',\n  theme: {\n    // optional overrides\n  },\n}\n```\n\n---\n\n## Core Concepts\n\n### Depth\n\nEvery surface belongs to one of three depth levels. Depth is not just visual — it controls motion behavior.\n\n```html\n<!-- d1: base surface — color transitions only -->\n<div class=\"d1 bg-white p-6 rounded-xl\">...</div>\n\n<!-- d2: elevated interactive — elevation + scale on hover -->\n<div class=\"d2 bg-white p-6 rounded-xl\">...</div>\n\n<!-- d3: floating layer — strong shadow, entrance animations -->\n<div class=\"d3 bg-white p-6 rounded-xl\">...</div>\n```\n\nThe depth context propagates through the DOM via CSS custom properties. Every child utility that involves color or opacity will automatically transition with the correct duration and easing — no `transition-colors duration-200` needed.\n\n```html\n<!-- bg-blue-500 inside d2 transitions automatically -->\n<div class=\"d2 rounded-xl p-4\">\n  <button class=\"bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg\">\n    Automatically animated\n  </button>\n</div>\n```\n\n### Motion Tokens\n\nThree durations. Three easing curves. No arbitrary values.\n\n| Token | Value |\n|-------|-------|\n| `--alive-duration-fast` | 120ms |\n| `--alive-duration-normal` | 200ms |\n| `--alive-duration-slow` | 320ms |\n| `--alive-ease-standard` | `cubic-bezier(0.2, 0, 0, 1)` |\n| `--alive-ease-emphasized` | `cubic-bezier(0.05, 0.7, 0.1, 1)` |\n| `--alive-ease-exit` | `cubic-bezier(0.3, 0, 0.8, 0.15)` |\n\nOverride on any element:\n\n```html\n<div class=\"d2 motion-fast\">Fast elevation</div>\n<div class=\"d2 ease-emphasized\">Emphasized hover</div>\n```\n\n### Entrance Animations\n\n```html\n<div class=\"alive-enter\">Fades up on load</div>\n<div class=\"alive-enter-fade\">Fades in on load</div>\n<div class=\"alive-enter-scale\">Scales in on load</div>\n```\n\nStaggered entrance using CSS custom properties:\n\n```html\n<ul>\n  <li class=\"alive-enter\" style=\"--alive-index: 0\">First</li>\n  <li class=\"alive-enter\" style=\"--alive-index: 1\">Second</li>\n  <li class=\"alive-enter\" style=\"--alive-index: 2\">Third</li>\n</ul>\n```\n\n---\n\n## Utilities\n\nAliveUI ships a full utility set. Class names are intentionally compatible with Tailwind conventions where they overlap.\n\n### Depth & Motion\n\n```\nd1  d2  d3\nmotion-fast  motion-normal  motion-slow  motion-none\nease-standard  ease-emphasized  ease-exit\nalive-enter  alive-enter-fade  alive-enter-scale\n```\n\n### Layout\n\n```\nflex  inline-flex  grid  block  hidden  contents\nflex-row  flex-col  flex-wrap  flex-nowrap\nflex-1  flex-auto  flex-none\nitems-start  items-center  items-end  items-stretch\njustify-start  justify-center  justify-end  justify-between\ngrid-cols-{1-12}  grid-rows-{1-6}\ncol-span-{n}  row-span-{n}\ngap-{size}  gap-x-{size}  gap-y-{size}\nrelative  absolute  fixed  sticky\n```\n\n### Spacing\n\n```\np-{size}  px-{size}  py-{size}  pt-{size}  pr-{size}  pb-{size}  pl-{size}\nm-{size}  mx-{size}  my-{size}  mt-{size}  mr-{size}  mb-{size}  ml-{size}\ntop-{size}  right-{size}  bottom-{size}  left-{size}  inset-{size}\n```\n\nSize scale: `0 0.5 1 1.5 2 2.5 3 4 5 6 8 10 12 16 20 24 32 40 48 64 96 ...`\n\n### Colors\n\n```\nbg-{color}-{shade}    text-{color}-{shade}    border-{color}-{shade}\nring-{color}-{shade}  fill-{color}-{shade}    stroke-{color}-{shade}\n```\n\nColors: `slate gray zinc neutral stone red orange amber yellow lime green emerald teal cyan sky blue indigo violet purple fuchsia pink rose`\n\nShades: `50 100 200 300 400 500 600 700 800 900 950`\n\nAll color utilities that live inside a depth context (`d1`, `d2`, `d3`) automatically transition with the correct motion timing.\n\n### Typography\n\n```\ntext-{xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl}\nfont-{thin|extralight|light|normal|medium|semibold|bold|extrabold|black}\nfont-{sans|serif|mono}\nleading-{tight|snug|normal|relaxed|loose}\ntracking-{tighter|tight|normal|wide|wider|widest}\ntext-left  text-center  text-right  text-justify\nuppercase  lowercase  capitalize\nunderline  line-through  no-underline\ntruncate  whitespace-nowrap\nitalic\n```\n\n### Sizing\n\n```\nw-{size}  w-full  w-screen  w-auto  w-min  w-max  w-fit\nw-1/2  w-1/3  w-2/3  w-1/4  w-3/4\nh-{size}  h-full  h-screen  h-auto\nmin-w-{size}  max-w-{size|xs|sm|md|lg|xl|2xl|...}\nmin-h-{size}  max-h-{size}\n```\n\n### Effects\n\n```\nopacity-{0|5|10|20|25|30|40|50|60|70|75|80|90|95|100}\nshadow-{sm|DEFAULT|md|lg|xl|2xl|none}\nrounded-{none|sm|DEFAULT|md|lg|xl|2xl|3xl|full}\nborder  border-{0|2|4|8}  border-{t|r|b|l}\nring  ring-{1|2|4}\nblur-{sm|DEFAULT|md|lg|xl}\nbackdrop-blur-{sm|DEFAULT|md|lg|xl}\nscale-{0|50|75|90|95|100|105|110|125|150}\nz-{0|10|20|30|40|50}\noverflow-{hidden|auto|scroll|visible}\ncursor-{pointer|default|not-allowed|wait|text|grab}\nselect-{none|text|all}\n```\n\n### Variants\n\n```\nhover:    focus:    focus-visible:    active:    disabled:\ndark:     md:       lg:               xl:        2xl:\nfirst:    last:     odd:              even:\ngroup-hover:  (requires class=\"group\" on parent)\n```\n\n---\n\n## Components\n\nAliveUI ships three primitive components — thin semantic wrappers for common patterns.\n\n```html\n<!-- Card -->\n<div class=\"alive-card d2\">\n  Content here\n</div>\n\n<!-- Button variants -->\n<button class=\"alive-button alive-button-primary\">Primary</button>\n<button class=\"alive-button alive-button-secondary\">Secondary</button>\n<button class=\"alive-button alive-button-ghost\">Ghost</button>\n\n<!-- Button sizes -->\n<button class=\"alive-button alive-button-primary alive-button-sm\">Small</button>\n<button class=\"alive-button alive-button-primary alive-button-lg\">Large</button>\n\n<!-- Stack layout -->\n<div class=\"alive-stack alive-stack-v gap-4\">\n  <div>Item one</div>\n  <div>Item two</div>\n</div>\n```\n\n---\n\n## Configuration\n\n```js\n/** @type {import('@alivecss/aliveui').AliveUIConfig} */\nmodule.exports = {\n  content: ['./src/**/*.{html,jsx,tsx}'],\n  output: './public/alive.css',\n  theme: {\n    // Add custom colors\n    colors: {\n      brand: '#6366f1',\n    },\n    // Add custom spacing\n    spacing: {\n      '18': '4.5rem',\n      '88': '22rem',\n    },\n    // Dark mode strategy: 'media' (default) or 'class'\n    darkMode: 'class',\n  },\n}\n```\n\n---\n\n## Video Blocks\n\nAliveUI ships a complete set of CSS building blocks for product video frames. All animations trigger on render — no JavaScript required. These are separate from the UI component system and designed for fixed-size scenes (1920×1080).\n\n### Categories\n\n| Category | Classes |\n|---|---|\n| Scene backgrounds | `alive-aurora`, `alive-aurora-dark`, `alive-bokeh`, `alive-rays`, `alive-starfield`, `alive-gradient-mesh`, `alive-grid`, `alive-film-grain` |\n| Kinetic typography | `alive-kinetic-slam`, `alive-kinetic-pop`, `alive-kinetic-roll`, `alive-kinetic-stretch`, `alive-kinetic-neon`, `alive-kinetic-wave`, `alive-kinetic-gradient` |\n| Scene transitions | `alive-transition-{fade\\|wipe-*\\|slide-*\\|zoom-*\\|blur\\|flip}-{out\\|in}` — 13 types |\n| Lower thirds | `alive-lower-third`, `alive-ticker`, `alive-title-card-heading` |\n| Callouts | `alive-callout`, `alive-highlight-box`, `alive-zoom-lens`, `alive-step-marker`, `alive-underline-highlight` |\n| Device frames | `alive-device-phone`, `alive-device-tablet`, `alive-device-laptop`, `alive-device-browser` |\n| Charts | `alive-bar-chart`, `alive-area-fill`, `alive-line-path`, `alive-donut-arc` |\n| Cursor effects | `alive-cursor`, `alive-cursor-ring`, `alive-click-ripple`, `alive-text-cursor` |\n| Video blocks | `alive-typewriter`, `alive-toast`, `alive-metric-card`, `alive-badge-pulse`, `alive-word-reveal`, `alive-code-block`, `alive-testimonial`, `alive-marquee`, `alive-glitch` |\n| Particles & FX | `alive-confetti`, `alive-energy-ring`, `alive-meteor`, `alive-sparkle`, `alive-glow-burst`, `alive-orb` |\n| 3D scenes | `alive-3d-cube`, `alive-3d-flip`, `alive-3d-tilt`, `alive-3d-text`, `alive-3d-stack`, `alive-3d-carousel` |\n\n### Quick example — video scene\n\n```html\n<!-- Scene root (1920×1080) -->\n<div style=\"position:relative;width:1920px;height:1080px;overflow:hidden;background:#080810\">\n\n  <!-- Animated background -->\n  <div class=\"alive-aurora-dark\" style=\"position:absolute;inset:0;z-index:0\"></div>\n  <div class=\"alive-starfield\"   style=\"position:absolute;inset:0;z-index:1\"></div>\n\n  <!-- Kinetic headline -->\n  <h1 class=\"alive-kinetic-slam\" style=\"position:relative;z-index:2;color:#fff;font-size:96px\">\n    Ship Faster\n  </h1>\n\n  <!-- Lower third -->\n  <div class=\"alive-lower-third alive-lower-third-indigo\"\n       style=\"position:absolute;bottom:60px;left:60px;z-index:10\">\n    <div class=\"alive-lower-third-name\">AliveUI</div>\n    <div class=\"alive-lower-third-title\">v1.2 — Motion-first CSS</div>\n  </div>\n\n  <!-- Particles -->\n  <div class=\"alive-energy-ring\"\n       style=\"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1\"></div>\n</div>\n```\n\nFull docs and live demos: https://aliveui.dev/video-blocks\n\n---\n\n## Design Rules\n\nThese are not conventions. They are the system.\n\n**One primary animated element per view.** AliveUI's motion model is calm, not spectacular.\n\n**No arbitrary durations.** Use `motion-fast` (120ms), `motion-normal` (200ms), or `motion-slow` (320ms).\n\n**No infinite loops.** No parallax. No scroll-triggered chaos.\n\n**Depth determines motion behavior.** `d1` does color shifts. `d2` does elevation. `d3` does entrances.\n\n---\n\n## What AliveUI is NOT\n\n- Not a Tailwind clone — though class names are intentionally familiar\n- Not an animation playground — motion is a structural primitive, not decoration\n- Not a component library — three primitives, composable with utilities\n- Not opinionated about your color palette — use any colors via config\n\n---\n\n## License\n\nMIT\n","readmeFilename":"README.md"}