{"_id":"@alfiexco/rain","name":"@alfiexco/rain","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@alfiexco/rain","version":"0.1.0","description":"A customizable React canvas rain and lightning effect.","license":"MIT","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"sideEffects":false,"scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts --external react --clean","clean":"node -e \"require('fs').rmSync('dist', { recursive: true, force: true })\"","typecheck":"tsc -p tsconfig.json --noEmit"},"peerDependencies":{"react":">=18"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/alfredosa/alfies-web-components.git","directory":"packages/rain"},"_id":"@alfiexco/rain@0.1.0","gitHead":"90a40b342dc26fd3270eaa1391572be299f2c198","bugs":{"url":"https://github.com/alfredosa/alfies-web-components/issues"},"homepage":"https://github.com/alfredosa/alfies-web-components#readme","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-n6NtHzMYjHBOy6y1FuKcvda0Rb+6Hc1GkWrpw9PjW6XVLoAR81fBrIYWRFpyBRlpGsOK5MxY4w38HTiDsLg3+Q==","shasum":"606f2373823344568a047e31b6b80e79d0a8855e","tarball":"https://registry.npmjs.org/@alfiexco/rain/-/rain-0.1.0.tgz","fileCount":6,"unpackedSize":21839,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@alfiexco%2frain@0.1.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQD/8Av9hYZ+nfbfo0orgBqq2bUyOuF9Eomhmn+7OWSOXgIhAN10LlGs08+Fy/Yqzr2CcnqtnyCFtm5qF4udLuRhOcLR"}]},"_npmUser":{"name":"alfiexco","email":"alfiexco@proton.me"},"directories":{},"maintainers":[{"name":"alfiexco","email":"alfiexco@proton.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/rain_0.1.0_1782054407123_0.9432392318129696"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-21T15:06:46.988Z","0.1.0":"2026-06-21T15:06:47.262Z","modified":"2026-06-21T15:06:47.654Z"},"maintainers":[{"name":"alfiexco","email":"alfiexco@proton.me"}],"description":"A customizable React canvas rain and lightning effect.","homepage":"https://github.com/alfredosa/alfies-web-components#readme","repository":{"type":"git","url":"git+https://github.com/alfredosa/alfies-web-components.git","directory":"packages/rain"},"bugs":{"url":"https://github.com/alfredosa/alfies-web-components/issues"},"license":"MIT","readme":"# @alfiexco/rain\n\nA framework-neutral React canvas rain and lightning effect, migrated from\nInksight's `RainEffect`.\n\n```tsx\nimport { RainEffect } from \"@alfiexco/rain\";\n\n<div style={{ position: \"fixed\", inset: 0 }}>\n  <RainEffect color=\"#d7c08d\" intensity={0.7} size={1.1} />\n</div>\n```\n\nThe component fills its parent. Use a fixed parent for a full-screen background\nor a regular positioned parent for a contained effect. `Rain` is exported as an\nalias for `RainEffect`.\n\n## Props\n\n- `color`: rain stroke color.\n- `intensity`: `0` to `1` drop and lightning intensity.\n- `size`: stroke and drop length multiplier.\n- `maxDrops`: upper bound for active drops.\n- `windX`: horizontal drift.\n- `lightning`: toggles bolt and flash rendering.\n- `lightningMinDelayMs` and `lightningMaxDelayMs`: randomized bolt cadence.\n","readmeFilename":"README.md","_rev":"1-4c77d0b6c67a78d699d7c880f9756307"}