{"_id":"@crazygl/hero-ember-mesh","_rev":"2-514f7e32e605ccdd223b1135911a186b","name":"@crazygl/hero-ember-mesh","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@crazygl/hero-ember-mesh","version":"0.1.0","author":{"name":"ybouane"},"license":"Apache-2.0","_id":"@crazygl/hero-ember-mesh@0.1.0","maintainers":[{"name":"ybouane","email":"ybouane@ybouane.com"}],"homepage":"https://crazygl.com/hero/ember-mesh","bugs":{"url":"https://github.com/crazygl-com/hero-ember-mesh/issues"},"dist":{"shasum":"1328b3a0b03b238559badcced858c7745d024dbe","tarball":"https://registry.npmjs.org/@crazygl/hero-ember-mesh/-/hero-ember-mesh-0.1.0.tgz","fileCount":9,"integrity":"sha512-oORaiwZKR3odBUnpyWsW7zY8Sgzv8m31ui1Nj7F4qZHLWzeDqJg7xv9J8DJB3P+GVeDhIIbEZgotYYYs1rZ5Bg==","signatures":[{"sig":"MEUCIQCyu8PAOZC3Uz/fsujg0qP9306JhC995iOC17tLpbhLvgIgENGpwfsWvQ10XHqb7OJ/jso6/ug0KTcWzFOpnip8ZVI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33897},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./style.css":"./style.css","./metadata.json":"./metadata.json"},"gitHead":"fbc03c15e003246775047e5fa9d1fccda0cdd65f","_npmUser":{"name":"ybouane","email":"ybouane@ybouane.com"},"repository":{"url":"git+https://github.com/crazygl-com/hero-ember-mesh.git","type":"git"},"_npmVersion":"11.12.0","description":"Ember Mesh — a glowing particle network hero that reacts to the pointer with warm ember tones.","directories":{},"_nodeVersion":"24.14.0","dependencies":{"@crazygl/core":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/hero-ember-mesh_0.1.0_1782870976069_0.5224718254596787","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@crazygl/hero-ember-mesh","version":"0.1.1","description":"Ember Mesh — A warm particle-network hero. Particles drift and connect with glowing ember edges that follow the pointer. A customizable CrazyGL animated hero section — WebGL, React, drop-in.","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/ember-mesh","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-ember-mesh.git"},"publishConfig":{"access":"public"},"keywords":["particles","network","ember","warm","canvas","interactive","ember-mesh","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","frontend","component","three"],"bugs":{"url":"https://github.com/crazygl-com/hero-ember-mesh/issues"},"gitHead":"d3afdd02aad4582208153d1e266bb768b936483e","_id":"@crazygl/hero-ember-mesh@0.1.1","_nodeVersion":"24.14.0","_npmVersion":"11.12.0","dist":{"integrity":"sha512-oxNpLnXIc5q/6yNYwBnFSK5VLX5ysbCYNHeO/uIX5W6wAVzvd/JUxxyPDCRhHAZgpgwJEWkHD9nr6nw9Db8Ehw==","shasum":"9066e7abdc773ca787e9f40c416d9610e41b11f2","tarball":"https://registry.npmjs.org/@crazygl/hero-ember-mesh/-/hero-ember-mesh-0.1.1.tgz","fileCount":9,"unpackedSize":34373,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDMQMSbzOl52vhrPdlTZtyEAIyTLZpKPTwGvDyaDoSeVAIgGxDmVWgTCMZbHQtt03//cb3EQRQ1Laav5UqOMpChanU="}]},"_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-ember-mesh_0.1.1_1782922309596_0.5679670983424265"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-01T01:56:15.834Z","modified":"2026-07-01T16:11:50.078Z","0.1.0":"2026-07-01T01:56:16.206Z","0.1.1":"2026-07-01T16:11:49.732Z"},"bugs":{"url":"https://github.com/crazygl-com/hero-ember-mesh/issues"},"author":{"name":"ybouane"},"license":"Apache-2.0","homepage":"https://crazygl.com/hero/ember-mesh","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-ember-mesh.git"},"description":"Ember Mesh — A warm particle-network hero. Particles drift and connect with glowing ember edges that follow the pointer. A customizable CrazyGL animated hero section — WebGL, React, drop-in.","maintainers":[{"name":"ybouane","email":"ybouane@ybouane.com"}],"readme":"<sub>*Hero made by [@ybouane](https://x.com/ybouane).*</sub>\n<p align=\"center\">\n  <img src=\"https://crazygl.com/heroes/hero-ember-mesh/banner-full.png\" alt=\"Ember Mesh\" width=\"640\">\n</p>\n\n# @crazygl/hero-ember-mesh\n\nA warm particle-network hero. Particles drift and connect with glowing ember edges that follow the pointer.\n\n## Demo\n[Ember Mesh](https://crazygl.com/hero/ember-mesh)\n\n## Install\n\n```bash\nnpm install @crazygl/hero-ember-mesh\n```\n\n## Usage\n\n```tsx\nimport EmberMesh from '@crazygl/hero-ember-mesh';\n\nexport default function Hero() {\n  return (\n    <EmberMesh\n      heading=\"Sparks in the dark\"\n      particleCount={110}\n      emberColor=\"#ff8a3a\"\n    />\n  );\n}\n```\n\n## Customise\n\n- **Content** — `contentType` (`heading` / `two-columns` / `custom`) with `heading`, `subheading`, `media`, or node-typed `column1`/`column2`/`content`.\n- **Style** — `emberColor`, `accentColor`, `backgroundColor`, `particleCount`, `linkDistance` (0 drops the mesh), `speed`, `hazeStrength`.\n- **Typography** — `headingFontFamily`.\n\n## Best for\n\n- AI / productivity tools and indie SaaS landing pages.\n- Hospitality, restaurants and warm premium brands.\n- Dark-mode portfolios that want quiet, magnetic motion.\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","keywords":["particles","network","ember","warm","canvas","interactive","ember-mesh","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","frontend","component","three"]}