{"_id":"@ar-dacity/ardacity-aurora","_rev":"3-6858731ae69c261177b9043901564f65","name":"@ar-dacity/ardacity-aurora","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@ar-dacity/ardacity-aurora","version":"1.0.0","keywords":["react","ui","components","animation","webgl","aurora","effect","gradient","ogl"],"author":{"name":"ArDacity"},"license":"MIT","_id":"@ar-dacity/ardacity-aurora@1.0.0","maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"dist":{"shasum":"c668ce95a38e847b5ab46f88b9f9f806a9a7e4ca","tarball":"https://registry.npmjs.org/@ar-dacity/ardacity-aurora/-/ardacity-aurora-1.0.0.tgz","fileCount":7,"integrity":"sha512-qmeKbIn63SwZ3RfWUN8g0bJVNk6z2wr2SCfUB36/1FI9/MDEsx9YfEWNxgTYGJxQFRIdzNGFMFmCVtjHmXr58w==","signatures":[{"sig":"MEYCIQCU27TiSVwrtlFZBQX6jh9gIWvKq/iH8+vYU/tNi+eqywIhAKXbF2ygIwNSwIv4Dv1M82ttPsFkrhFNtDRZxl6gVx0m","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11723},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"c39674beaebfd5493ea9813344b4bb5638e97ad6","scripts":{"build":"tsc","postinstall":"node ./scripts/install.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"ruffledzest","email":"vibhanshalok@gmail.com"},"_npmVersion":"10.8.1","description":"WebGL aurora effect for React applications","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/node":"^20.10.5","@types/react":"^18.2.45"},"peerDependencies":{"ogl":">=0.0.73","react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/ardacity-aurora_1.0.0_1745482941438_0.7374649634331703","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@ar-dacity/ardacity-aurora","version":"1.0.1","keywords":["react","ui","components","animation","webgl","aurora","effect","gradient","ogl"],"author":{"name":"ArDacity"},"license":"MIT","_id":"@ar-dacity/ardacity-aurora@1.0.1","maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"dist":{"shasum":"c822e2d1f47ae0eae5c4743b0bb1de94fd06d622","tarball":"https://registry.npmjs.org/@ar-dacity/ardacity-aurora/-/ardacity-aurora-1.0.1.tgz","fileCount":7,"integrity":"sha512-z2ZNi5wM44DajfqFwde23WruQYwExExQK2GryHj65U51aX5ONAcDCWpVC57XFsqUmCjc6F0XUgIRj1Umt79WHA==","signatures":[{"sig":"MEQCIFtsB/EnjpV+4+Int09jTiAfxlh77ovM9AAW63YwxhFyAiBlmgk+iqzhXzgfaNENzle60X1soHcZl98VmVfMfoHi4Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11727},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"c39674beaebfd5493ea9813344b4bb5638e97ad6","scripts":{"build":"tsc","postinstall":"node ./scripts/install.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"ruffledzest","email":"vibhanshalok@gmail.com"},"_npmVersion":"10.8.1","description":"WebGL aurora effect for React applications","directories":{},"_nodeVersion":"20.12.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/node":"^20.10.5","@types/react":"^18.2.45"},"peerDependencies":{"ogl":">=0.0.73","react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/ardacity-aurora_1.0.1_1745483178914_0.3265712606423852","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@ar-dacity/ardacity-aurora","version":"1.0.2","description":"WebGL aurora effect for React applications","main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc","prepublishOnly":"npm run build","postinstall":"node ./scripts/install.js"},"keywords":["react","ui","components","animation","webgl","aurora","effect","gradient","ogl"],"author":{"name":"ArDacity"},"license":"MIT","peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","ogl":">=0.0.73"},"devDependencies":{"@types/node":"^20.10.5","@types/react":"^18.2.45","typescript":"^5.3.3"},"_id":"@ar-dacity/ardacity-aurora@1.0.2","gitHead":"ead02eb4d9b0977ef4e8a6a7a0f8a4d99a9d33c4","_nodeVersion":"20.12.1","_npmVersion":"10.8.1","dist":{"integrity":"sha512-ezqwkHUg8T31fBvB0VV606mPiPIaUGmTZ5hBxjO8JDe7lrVcU/2A6NtNduwLtn5C1ZXepj7gGtNiA6EL/fgJ7Q==","shasum":"eb9b04ef27b57050bd6db1a8980e4919c286d0fa","tarball":"https://registry.npmjs.org/@ar-dacity/ardacity-aurora/-/ardacity-aurora-1.0.2.tgz","fileCount":7,"unpackedSize":11731,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCID2v8P4AA+4m3Zx1DCuGJLYl6MUTakdDlyXorA+Vo1ktAiEAkICkmH+Y2PBVWejNv3H9DAPai5oSVPIeT7aIreXK8Vc="}]},"_npmUser":{"name":"ruffledzest","email":"vibhanshalok@gmail.com"},"directories":{},"maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ardacity-aurora_1.0.2_1746476239703_0.338333603196753"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-24T08:22:21.037Z","modified":"2025-05-05T20:17:20.124Z","1.0.0":"2025-04-24T08:22:21.617Z","1.0.1":"2025-04-24T08:26:19.102Z","1.0.2":"2025-05-05T20:17:19.928Z"},"author":{"name":"ArDacity"},"license":"MIT","keywords":["react","ui","components","animation","webgl","aurora","effect","gradient","ogl"],"description":"WebGL aurora effect for React applications","maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"readme":"# ArDacity Aurora\r\n\r\nA beautiful WebGL-powered aurora effect component for React applications.\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @ar-dacity/ardacity-aurora\r\n```\r\n\r\n## Usage\r\n\r\nAfter installation, the component will be automatically added to your project's components directory.\r\n\r\n```jsx\r\nimport { Aurora } from './components/ArDacityUi/Aurora';\r\n\r\nfunction App() {\r\n  return (\r\n    <div style={{ width: '100%', height: '300px' }}>\r\n      <Aurora\r\n        colorStops={[\"#3A29FF\", \"#FF94B4\", \"#FF3232\"]}\r\n        blend={0.5}\r\n        amplitude={1.0}\r\n        speed={0.5}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n```\r\n\r\n## Props\r\n\r\n| Prop | Type | Default | Description |\r\n|------|------|---------|-------------|\r\n| `colorStops` | `string[]` | `[\"#00d8ff\", \"#7cff67\", \"#00d8ff\"]` | Array of color stops for the gradient |\r\n| `amplitude` | `number` | `1.0` | Controls the amplitude of the aurora effect |\r\n| `blend` | `number` | `0.5` | Controls the blend factor of the aurora effect |\r\n| `speed` | `number` | `1.0` | Controls the animation speed |\r\n\r\n## Requirements\r\n\r\nThis component requires the [OGL library](https://github.com/oframe/ogl). It's listed as a peer dependency, so you'll need to install it in your project:\r\n\r\n```bash\r\nnpm install ogl\r\n```\r\n\r\n## How It Works\r\n\r\nThe Aurora component creates a beautiful animated gradient effect similar to the aurora borealis. It uses WebGL for rendering and animation, providing an efficient and smooth experience.\r\n\r\nThe component:\r\n- Uses WebGL shaders for the gradient and animation\r\n- Responds to container size changes\r\n- Has customizable colors, amplitude, and speed\r\n\r\n## License\r\n\r\nMIT ","readmeFilename":"README.md"}