{"_id":"@crazygl/hero-neon-fluid","name":"@crazygl/hero-neon-fluid","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.1":{"name":"@crazygl/hero-neon-fluid","version":"0.1.1","description":"Neon Fluid — GPU Eulerian fluid simulation (Stam 1999). Advected dye + velocity ping-pong textures with a Jacobi pressure solve give true divergence-free flow. Drag to inject momentum and colour; additive bloom on the… A customizable CrazyGL animated hero","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./metadata.json":"./metadata.json","./style.css":"./style.css"},"dependencies":{"@crazygl/core":"^0.1.1"},"peerDependencies":{"react":">=18","react-dom":">=18"},"license":"Apache-2.0","author":{"name":"ybouane"},"homepage":"https://crazygl.com/hero/neon-fluid","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-neon-fluid.git"},"publishConfig":{"access":"public"},"keywords":["fluid","smoke","stable-fluids","stam-1999","neon","bloom","interactive","premium","neon-fluid","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","frontend","component","canvas","three"],"bugs":{"url":"https://github.com/crazygl-com/hero-neon-fluid/issues"},"gitHead":"18b21d6d22f8efb890978afe944ea5cd513b2a3b","_id":"@crazygl/hero-neon-fluid@0.1.1","_nodeVersion":"24.14.0","_npmVersion":"11.12.0","dist":{"integrity":"sha512-Pj+WmYIiou+mrnhrCkvoqDurUyy3zvi43U9pLHknq6G2VchMkyGPR89LqyQqXsP/3sqDbcIAFOHABcxAOYJKNw==","shasum":"e04e3efab9596df14e40ed316018af66fa0e7121","tarball":"https://registry.npmjs.org/@crazygl/hero-neon-fluid/-/hero-neon-fluid-0.1.1.tgz","fileCount":9,"unpackedSize":55921,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDjl2uRy4cxprT2oP2W/wq52C7gycHWtWFotJP+fq91CwIge+kBHmxCYlnxS5LhJTl2hlxm1jBEFvHo29hdwfzWA2Y="}]},"_npmUser":{"name":"ybouane","email":"ybouane@ybouane.com"},"directories":{},"maintainers":[{"name":"ybouane","email":"ybouane@ybouane.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/hero-neon-fluid_0.1.1_1782922433525_0.21205890186097687"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-01T16:13:53.312Z","0.1.1":"2026-07-01T16:13:53.703Z","modified":"2026-07-01T16:13:53.899Z"},"maintainers":[{"name":"ybouane","email":"ybouane@ybouane.com"}],"description":"Neon Fluid — GPU Eulerian fluid simulation (Stam 1999). Advected dye + velocity ping-pong textures with a Jacobi pressure solve give true divergence-free flow. Drag to inject momentum and colour; additive bloom on the… A customizable CrazyGL animated hero","homepage":"https://crazygl.com/hero/neon-fluid","keywords":["fluid","smoke","stable-fluids","stam-1999","neon","bloom","interactive","premium","neon-fluid","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","frontend","component","canvas","three"],"repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-neon-fluid.git"},"author":{"name":"ybouane"},"bugs":{"url":"https://github.com/crazygl-com/hero-neon-fluid/issues"},"license":"Apache-2.0","readme":"<sub>*Hero made by [@ybouane](https://x.com/ybouane).*</sub>\n<p align=\"center\">\n  <img src=\"https://crazygl.com/heroes/hero-neon-fluid/banner-full.png\" alt=\"Neon Fluid\" width=\"640\">\n</p>\n\n# @crazygl/hero-neon-fluid\n\nGPU Eulerian fluid simulation (Stam 1999). Advected dye + velocity ping-pong textures with a Jacobi pressure solve give true divergence-free flow. Drag to inject momentum and colour; additive bloom on the dye field paints glowing smoke through the void.\n\n## Demo\n[Neon Fluid](https://crazygl.com/hero/neon-fluid)\n\n## Install\n\n```bash\nnpm install @crazygl/hero-neon-fluid\n```\n\n## Usage\n\n```tsx\nimport NeonFluid from '@crazygl/hero-neon-fluid';\n\nexport default function Page() {\n  return (\n    <NeonFluid\n      colorA=\"#ff2d8a\"\n      colorB=\"#5cf2ff\"\n      colorC=\"#a26cff\"\n      glow={1.2}\n    />\n  );\n}\n```\n\n## Customise\n\n- **Style** — `backgroundColor`, the three-stop ink palette `colorA`/`colorB`/`colorC`, `glow` (bloom), and `exposure` (tonemap).\n- **Simulation** — `flowSpeed`, `dyeDissipation` (how long colour lingers), `velocityDissipation` (how long momentum lingers), and `ambientStir` (idle background currents).\n- **Pointer** — `splatForce` (momentum a drag injects) and `splatRadius` (stroke size).\n\n## Best for\n\n- AI and creative-tool launch pages that want a living, generative feel\n- Premium, dark, cinematic product and brand sites\n- Music, nightlife, and event landing pages\n- Interactive portfolio and agency hero sections\n\n\n\nThis hero is part of [CrazyGL](https://crazygl.com), a collection of production-ready WebGL, canvas, 3D, and typography effects. Every CrazyGL hero ships with an agent-ready `SKILL.md` file that helps developers and coding agents adapt the effect into custom landing pages and interactive experiences.\n","readmeFilename":"README.md","_rev":"1-ff0117972978da95d196777e0f25b06b"}