{"_id":"@edgex-fe/threejs-animation","_rev":"6-e410785358bf3853e141081bc9a095fb","name":"@edgex-fe/threejs-animation","dist-tags":{"latest":"0.1.5"},"versions":{"0.1.0":{"name":"@edgex-fe/threejs-animation","version":"0.1.0","keywords":["react","threejs","three","animation","particle","3d","webgl","react-three-fiber","edgex"],"author":{"name":"EdgeX Team"},"license":"MIT","_id":"@edgex-fe/threejs-animation@0.1.0","maintainers":[{"name":"lorry_edgex","email":"lorry@edgex.exchange"}],"homepage":"https://github.com/yourusername/edgex-animation#readme","bugs":{"url":"https://github.com/yourusername/edgex-animation/issues"},"dist":{"shasum":"9f3e779944a1847d558839afb8c16150818fe1b7","tarball":"https://registry.npmjs.org/@edgex-fe/threejs-animation/-/threejs-animation-0.1.0.tgz","fileCount":32,"integrity":"sha512-Kuwo+7KT1PEeJiz0iAcmNorNtoL6JeiHSFTwmH2F22HfWNjoBSZzc9UNFB6+GsLoEiG6N8yMeipt2+WCSrIySQ==","signatures":[{"sig":"MEUCIQDFSfBPN8Sgzw6dMO0SnNwy1S6+/HRalNjdDiWqvVtV/wIgdlaB7SIu95aEui/c0qyPGvZyXW1VY5KJZr0xtBSVlCI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":123471},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"009c6e78149ba9c8f768700b0f9c47b36d2f1cd5","scripts":{"dev":"rollup -c -w","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"lorry_edgex","email":"lorry@edgex.exchange"},"repository":{"url":"git+https://github.com/yourusername/edgex-animation.git","type":"git"},"_npmVersion":"10.8.2","description":"A stunning Three.js animation component library with particle effects, warp boxes, and tunnel animations","directories":{},"_nodeVersion":"20.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.1.0","three":"^0.180.0","tslib":"^2.8.1","rollup":"^4.30.1","react-dom":"^19.1.0","typescript":"^5.7.3","@types/react":"^18.3.18","@types/three":"^0.180.0","postprocessing":"^6.37.8","@types/react-dom":"^18.3.5","@react-three/drei":"^10.7.6","@react-three/fiber":"^9.3.0","@rollup/plugin-commonjs":"^28.0.2","@rollup/plugin-typescript":"^12.1.2","@react-three/postprocessing":"^3.0.4","@rollup/plugin-node-resolve":"^15.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","three":"^0.180.0","react-dom":"^18.0.0 || ^19.0.0","postprocessing":"^6.0.0","@react-three/drei":"^10.0.0","@react-three/fiber":"^9.0.0","@react-three/postprocessing":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/threejs-animation_0.1.0_1760626262940_0.9140470471669873","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@edgex-fe/threejs-animation","version":"0.1.1","keywords":["react","threejs","three","animation","particle","3d","webgl","react-three-fiber","edgex"],"author":{"name":"EdgeX Team"},"license":"MIT","_id":"@edgex-fe/threejs-animation@0.1.1","maintainers":[{"name":"lorry_edgex","email":"lorry@edgex.exchange"}],"homepage":"https://github.com/yourusername/edgex-animation#readme","bugs":{"url":"https://github.com/yourusername/edgex-animation/issues"},"dist":{"shasum":"d0d2f03264841dc2a6d20135bc994ca1db4e0fc2","tarball":"https://registry.npmjs.org/@edgex-fe/threejs-animation/-/threejs-animation-0.1.1.tgz","fileCount":32,"integrity":"sha512-HNiHCgBFK7zM/Tot79JnpYrtRW9jlC2liSdQA+/nd7X64vRmNBmdRxrEQoGZp3WvU2c888VmZsvNr2r2h2yEPQ==","signatures":[{"sig":"MEUCIEqC0Cz4TaOHoPLzGxLbmwfx1gSnRC9zS42KZW0AXcJEAiEA+EMSCaFpxyYoXOBdAWWKFI4nl0rGZikhlpoYfkusO5s=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":123472},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"b74d3a8f2136966901bfb13c2849ab021e92fc53","scripts":{"dev":"rollup -c -w","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"lorry_edgex","email":"lorry@edgex.exchange"},"repository":{"url":"git+https://github.com/yourusername/edgex-animation.git","type":"git"},"_npmVersion":"10.8.2","description":"A stunning Three.js animation component library with particle effects, warp boxes, and tunnel animations","directories":{},"_nodeVersion":"20.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"18.2.0","three":"^0.180.0","tslib":"^2.8.1","rollup":"^4.30.1","react-dom":"18.2.0","typescript":"^5.7.3","@types/react":"^18.3.18","@types/three":"^0.180.0","postprocessing":"^6.37.8","@types/react-dom":"^18.3.5","@react-three/drei":"^9.122.0","@react-three/fiber":"^8.18.0","@rollup/plugin-commonjs":"^28.0.2","@rollup/plugin-typescript":"^12.1.2","@react-three/postprocessing":"^2.19.1","@rollup/plugin-node-resolve":"^15.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","three":"^0.180.0","react-dom":"^18.0.0 || ^19.0.0","postprocessing":"^6.0.0","@react-three/drei":"^10.0.0","@react-three/fiber":"^9.0.0","@react-three/postprocessing":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/threejs-animation_0.1.1_1760627786149_0.5269795029524575","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@edgex-fe/threejs-animation","version":"0.1.2","keywords":["react","threejs","three","animation","particle","3d","webgl","react-three-fiber","edgex"],"author":{"name":"EdgeX Team"},"license":"MIT","_id":"@edgex-fe/threejs-animation@0.1.2","maintainers":[{"name":"lorry_edgex","email":"lorry@edgex.exchange"}],"homepage":"https://github.com/yourusername/edgex-animation#readme","bugs":{"url":"https://github.com/yourusername/edgex-animation/issues"},"dist":{"shasum":"691c087171af39acadc3ca2ff55cb00e487232e8","tarball":"https://registry.npmjs.org/@edgex-fe/threejs-animation/-/threejs-animation-0.1.2.tgz","fileCount":32,"integrity":"sha512-Lq+5bU8FrZpNDrE5FQBaDCg1N49eG/95LOdjBHLdYlQlr68kVS03LLCKKMJF6NpJF4mvOTsJ6t8AWSaV9HWiTA==","signatures":[{"sig":"MEQCIFfNbMV2Bv2Ohaz5l+bI8WWZ4cnrxu+O9nUD+D7Si85SAiBEfG91KzNbS245hH+hykTrWzz3X3ECdOCuOSxqmohVKg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":123449},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"635b3565eedb4ef082d6605acf716e5688741eca","scripts":{"dev":"rollup -c -w","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"lorry_edgex","email":"lorry@edgex.exchange"},"repository":{"url":"git+https://github.com/yourusername/edgex-animation.git","type":"git"},"_npmVersion":"10.8.2","description":"A stunning Three.js animation component library with particle effects, warp boxes, and tunnel animations","directories":{},"_nodeVersion":"20.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"18.2.0","three":"^0.180.0","tslib":"^2.8.1","rollup":"^4.30.1","react-dom":"18.2.0","typescript":"^5.7.3","@types/react":"^18.3.18","@types/three":"^0.180.0","postprocessing":"^6.37.8","@types/react-dom":"^18.3.5","@react-three/drei":"^9.122.0","@react-three/fiber":"^8.18.0","@rollup/plugin-commonjs":"^28.0.2","@rollup/plugin-typescript":"^12.1.2","@react-three/postprocessing":"^2.19.1","@rollup/plugin-node-resolve":"^15.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18.0.0","three":"^0.180.0","react-dom":"^18.0.0","postprocessing":"^6.0.0","@react-three/drei":"^9.0.0","@react-three/fiber":"^8.0.0","@react-three/postprocessing":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/threejs-animation_0.1.2_1760628319808_0.7583661539655047","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@edgex-fe/threejs-animation","version":"0.1.3","keywords":["react","threejs","three","animation","particle","3d","webgl","react-three-fiber","edgex"],"author":{"name":"EdgeX Team"},"license":"MIT","_id":"@edgex-fe/threejs-animation@0.1.3","maintainers":[{"name":"lorry_edgex","email":"lorry@edgex.exchange"}],"homepage":"https://github.com/yourusername/edgex-animation#readme","bugs":{"url":"https://github.com/yourusername/edgex-animation/issues"},"dist":{"shasum":"331c4c5d5b3145fc04adeb454d6cc32a0577cbd3","tarball":"https://registry.npmjs.org/@edgex-fe/threejs-animation/-/threejs-animation-0.1.3.tgz","fileCount":32,"integrity":"sha512-p0j10NUQ00e8VbXcbqgwRX8NU64z1kpYdUMu/x1fmo/dpdoHP0z9EmwuVW5Nnj6qfjfHOmiZEa+vXgiJM+vLvQ==","signatures":[{"sig":"MEUCIDNYH8eTfZQhNMXngM+6rkWmOQ7YRIxELj4ujQGEvJh8AiEA71xi0+5J0LyGpRohAKBYgEVhtumjOUiK34FSvoO7b48=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":123543},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"d9d116592903d3b0849f3d01a9efd70cd94aae59","scripts":{"dev":"rollup -c -w","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"lorry_edgex","email":"lorry@edgex.exchange"},"repository":{"url":"git+https://github.com/yourusername/edgex-animation.git","type":"git"},"_npmVersion":"10.8.2","description":"A stunning Three.js animation component library with particle effects, warp boxes, and tunnel animations","directories":{},"_nodeVersion":"20.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"18.2.0","three":"^0.180.0","tslib":"^2.8.1","rollup":"^4.30.1","react-dom":"18.2.0","typescript":"^5.7.3","@types/react":"^18.3.18","@types/three":"^0.180.0","postprocessing":"^6.37.8","@types/react-dom":"^18.3.5","@react-three/drei":"^9.122.0","@react-three/fiber":"^8.18.0","@rollup/plugin-commonjs":"^28.0.2","@rollup/plugin-typescript":"^12.1.2","@react-three/postprocessing":"^2.19.1","@rollup/plugin-node-resolve":"^15.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=18.0.0 <20","three":"^0.180.0","react-dom":">=18.0.0 <20","postprocessing":"^6.0.0","@react-three/drei":"^9.0.0","@react-three/fiber":"^8.0.0","@react-three/postprocessing":"^2.0.0"},"peerDependenciesMeta":{"react-native":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/threejs-animation_0.1.3_1760628749186_0.8340249597853633","host":"s3://npm-registry-packages-npm-production"}},"0.1.4":{"name":"@edgex-fe/threejs-animation","version":"0.1.4","keywords":["react","threejs","three","animation","particle","3d","webgl","react-three-fiber","edgex"],"author":{"name":"EdgeX Team"},"license":"MIT","_id":"@edgex-fe/threejs-animation@0.1.4","maintainers":[{"name":"lorry_edgex","email":"lorry@edgex.exchange"}],"homepage":"https://github.com/yourusername/edgex-animation#readme","bugs":{"url":"https://github.com/yourusername/edgex-animation/issues"},"dist":{"shasum":"eeaf41ebfb11918bc165a10ee86a1aef9fcdffca","tarball":"https://registry.npmjs.org/@edgex-fe/threejs-animation/-/threejs-animation-0.1.4.tgz","fileCount":32,"integrity":"sha512-u6mbSnnxRyBWeU7M2fjd2wsSg02DousA/7QFUGvRa0ishPx6TalgXQjqeKbdWbiQykqnWRSZti02tiN+W5lfyg==","signatures":[{"sig":"MEUCIQDn7Ik6JWsXiPtUJlixdg3I414MFsum+KP+mKnuhRmfLQIgNTysMTRA4t2zs4GXZ94SyJXlEakCV/bSNNvZryiccKg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":123215},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"6b7eeab56d5728da8dd77023be30329834612799","scripts":{"dev":"rollup -c -w","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"lorry_edgex","email":"lorry@edgex.exchange"},"repository":{"url":"git+https://github.com/yourusername/edgex-animation.git","type":"git"},"_npmVersion":"10.8.2","description":"A stunning Three.js animation component library with particle effects, warp boxes, and tunnel animations","directories":{},"_nodeVersion":"20.17.0","dependencies":{"three":"^0.180.0","postprocessing":"^6.0.0","@react-three/drei":"^9.0.0","@react-three/fiber":"^8.0.0","@react-three/postprocessing":"^2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"18.2.0","tslib":"^2.8.1","rollup":"^4.30.1","react-dom":"18.2.0","typescript":"^5.7.3","@types/react":"^18.3.18","@types/three":"^0.180.0","@types/react-dom":"^18.3.5","@rollup/plugin-commonjs":"^28.0.2","@rollup/plugin-typescript":"^12.1.2","@rollup/plugin-node-resolve":"^15.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/threejs-animation_0.1.4_1760629550742_0.18331618559750917","host":"s3://npm-registry-packages-npm-production"}},"0.1.5":{"name":"@edgex-fe/threejs-animation","version":"0.1.5","type":"module","description":"A stunning Three.js animation component library with particle effects, warp boxes, and tunnel animations","main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c","dev":"rollup -c -w","prepare":"npm run build"},"keywords":["react","threejs","three","animation","particle","3d","webgl","react-three-fiber","edgex"],"author":{"name":"EdgeX Team"},"license":"MIT","publishConfig":{"access":"public"},"dependencies":{"@react-three/drei":"^9.0.0","@react-three/fiber":"^8.0.0","@react-three/postprocessing":"^2.0.0","postprocessing":"^6.0.0","three":"^0.180.0"},"devDependencies":{"@rollup/plugin-commonjs":"^28.0.2","@rollup/plugin-node-resolve":"^15.3.0","@rollup/plugin-typescript":"^12.1.2","@types/react":"^18.3.18","@types/react-dom":"^18.3.5","@types/three":"^0.180.0","react":"18.2.0","react-dom":"18.2.0","rollup":"^4.30.1","rollup-plugin-peer-deps-external":"^2.2.4","tslib":"^2.8.1","typescript":"^5.7.3"},"repository":{"type":"git","url":"git+https://github.com/yourusername/edgex-animation.git"},"_id":"@edgex-fe/threejs-animation@0.1.5","gitHead":"5580de388c348d6207dc76ea3f33ce0831044ad8","bugs":{"url":"https://github.com/yourusername/edgex-animation/issues"},"homepage":"https://github.com/yourusername/edgex-animation#readme","_nodeVersion":"20.17.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-fv3kHA2axqvk2IYRBkdJ8EE3Ubl4it2TzvM1ZFdMqcmxp3m6fRRhQ41Esm3B78OLcm9uAWJQEejY+M3aM6QE3A==","shasum":"acbc7f45823d5917765a5298a452057f575cd1af","tarball":"https://registry.npmjs.org/@edgex-fe/threejs-animation/-/threejs-animation-0.1.5.tgz","fileCount":38,"unpackedSize":148519,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIEst2kJRgrsjmyYGLLL3URIwl3B2kD6qVxOlr56Asny1AiEAkf4r9p6N6QNVGfgaptSNfr1SEciBJqMGLkUzG5kvXms="}]},"_npmUser":{"name":"lorry_edgex","email":"lorry@edgex.exchange"},"directories":{},"maintainers":[{"name":"lorry_edgex","email":"lorry@edgex.exchange"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/threejs-animation_0.1.5_1760937329299_0.5315439751570594"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-16T14:51:02.812Z","modified":"2025-10-20T05:15:29.670Z","0.1.0":"2025-10-16T14:51:03.104Z","0.1.1":"2025-10-16T15:16:26.328Z","0.1.2":"2025-10-16T15:25:20.007Z","0.1.3":"2025-10-16T15:32:29.367Z","0.1.4":"2025-10-16T15:45:50.998Z","0.1.5":"2025-10-20T05:15:29.478Z"},"bugs":{"url":"https://github.com/yourusername/edgex-animation/issues"},"author":{"name":"EdgeX Team"},"license":"MIT","homepage":"https://github.com/yourusername/edgex-animation#readme","keywords":["react","threejs","three","animation","particle","3d","webgl","react-three-fiber","edgex"],"repository":{"type":"git","url":"git+https://github.com/yourusername/edgex-animation.git"},"description":"A stunning Three.js animation component library with particle effects, warp boxes, and tunnel animations","maintainers":[{"name":"lorry_edgex","email":"lorry@edgex.exchange"}],"readme":"# @edgex-fe/threejs-animation\n\n3D landing page animation with particles, warp boxes, and tunnel effects.\n\n## Installation\n\n```bash\nnpm install @edgex-fe/threejs-animation\n```\n\n**Peer Dependencies:**\n```bash\nnpm install react react-dom three @react-three/fiber @react-three/drei @react-three/postprocessing postprocessing\n```\n\n## Usage\n\n```tsx\nimport { EdgeXMessengerLanding } from '@edgex-fe/threejs-animation';\nimport { useState } from 'react';\n\nfunction App() {\n  const [trigger, setTrigger] = useState(false);\n\n  return (\n    <div style={{ width: '100vw', height: '100vh' }}>\n      <EdgeXMessengerLanding\n        preset=\"blue\"  // 'blue' | 'pink' | 'orange'\n        trigger={trigger}\n      />\n      <button onClick={() => setTrigger(true)}>Start</button>\n    </div>\n  );\n}\n```\n\n## Custom Configuration\n\n```tsx\n<EdgeXMessengerLanding\n  theme={{\n    backgroundColor: '#09171D',\n    colorStart: 'rgb(30,180,244)',\n    colorEnd: 'rgb(17,248,209)',\n    fogColor: '#09171D',\n  }}\n  particleConfig={{ count: 1000, speed: 2, maxSpeed: 8 }}\n  warpBoxesConfig={{ count: 1000, speed: 3, maxSpeed: 7 }}\n  tunnelConfig={{ count: 360, speed: 5, maxSpeed: 25 }}\n  trigger={trigger}\n/>\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}