{"_id":"@crazygl/hero-bouncy-logo-mascot","_rev":"2-d3c4a9ca08db82881e460dc3155a5949","name":"@crazygl/hero-bouncy-logo-mascot","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@crazygl/hero-bouncy-logo-mascot","version":"0.1.0","author":{"name":"ybouane"},"license":"Apache-2.0","_id":"@crazygl/hero-bouncy-logo-mascot@0.1.0","maintainers":[{"name":"ybouane","email":"ybouane@ybouane.com"}],"homepage":"https://crazygl.com/hero/bouncy-logo-mascot","bugs":{"url":"https://github.com/crazygl-com/hero-bouncy-logo-mascot/issues"},"dist":{"shasum":"a910782ae4d62590a240a39e5ddf2e9ef9157440","tarball":"https://registry.npmjs.org/@crazygl/hero-bouncy-logo-mascot/-/hero-bouncy-logo-mascot-0.1.0.tgz","fileCount":9,"integrity":"sha512-0Q4Oo2Z41X+KrDtddPfPix7zuajMKZaDC3oFr1hRwGH/eOx/6IxJ3J9tO5I0Qqxxk8461iNfgZIf4HnxJZa8EQ==","signatures":[{"sig":"MEUCIF6X9G3RW+dtc4QTGSMsRbo9lul2o12nVo+jJfewztb+AiEAv7Mr03c0s7tfTn9PsVhrMbnW7TFQRizvWGUUCiGSLC0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":77576},"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":"ce220f57d381cc56c9eba8a5ae7e888e579b9304","_npmUser":{"name":"ybouane","email":"ybouane@ybouane.com"},"repository":{"url":"git+https://github.com/crazygl-com/hero-bouncy-logo-mascot.git","type":"git"},"_npmVersion":"11.12.0","description":"Bouncy Logo Mascot — the uploaded logo becomes a soft mascot-like 3D toy that drops in with critically-damped spring physics, squashes and stretches, and leans toward the cursor. Glossy clearcoat material + confetti particles.","directories":{},"_nodeVersion":"24.14.0","dependencies":{"three":"^0.160.0","@crazygl/core":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/hero-bouncy-logo-mascot_0.1.0_1782870570666_0.3111463855805945","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@crazygl/hero-bouncy-logo-mascot","version":"0.1.1","description":"Bouncy Logo Mascot — The uploaded logo becomes a soft mascot-like 3D toy that drops in with snappy spring physics, reacts to the cursor like a squashy character, and pops into a colorful confetti burst when clicked —… 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","three":"^0.160.0"},"peerDependencies":{"react":">=18","react-dom":">=18"},"license":"Apache-2.0","author":{"name":"ybouane"},"homepage":"https://crazygl.com/hero/bouncy-logo-mascot","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-bouncy-logo-mascot.git"},"publishConfig":{"access":"public"},"keywords":["three","3d","logo","playful","mascot","spring","squash","consumer","creator","education","bouncy-logo-mascot","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","interactive","frontend","component","canvas"],"bugs":{"url":"https://github.com/crazygl-com/hero-bouncy-logo-mascot/issues"},"gitHead":"80972f9c877949161044d94861280e59c8cc8371","_id":"@crazygl/hero-bouncy-logo-mascot@0.1.1","_nodeVersion":"24.14.0","_npmVersion":"11.12.0","dist":{"integrity":"sha512-FZ3EPQEs9r8VKIy1rFpoE9XGOFjU1R1eZwacyZQBt6f5hTkIyRU+c3vZFXBIG8BqT+J48U8UzGMNPwytmNqmow==","shasum":"20ecf8beb04a92413a0770cb1f2fa1153fa830ad","tarball":"https://registry.npmjs.org/@crazygl/hero-bouncy-logo-mascot/-/hero-bouncy-logo-mascot-0.1.1.tgz","fileCount":9,"unpackedSize":78055,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQC/zj6okW8nKi5VXioOusDgmxDe1Y88JzivmNoMNm8b2gIhAPLdxB8viNMISW69I/a+HIpL0n2C168O0B75+Q4w8Bdd"}]},"_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-bouncy-logo-mascot_0.1.1_1782922268459_0.10891360213700385"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-01T01:49:30.486Z","modified":"2026-07-01T16:11:08.776Z","0.1.0":"2026-07-01T01:49:30.794Z","0.1.1":"2026-07-01T16:11:08.642Z"},"bugs":{"url":"https://github.com/crazygl-com/hero-bouncy-logo-mascot/issues"},"author":{"name":"ybouane"},"license":"Apache-2.0","homepage":"https://crazygl.com/hero/bouncy-logo-mascot","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-bouncy-logo-mascot.git"},"description":"Bouncy Logo Mascot — The uploaded logo becomes a soft mascot-like 3D toy that drops in with snappy spring physics, reacts to the cursor like a squashy character, and pops into a colorful confetti burst when clicked —… A customizable CrazyGL animated hero ","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-bouncy-logo-mascot/banner-full.png\" alt=\"Bouncy Logo Mascot\" width=\"640\">\n</p>\n\n# @crazygl/hero-bouncy-logo-mascot\n\nThe uploaded logo becomes a soft mascot-like 3D toy that drops in with snappy spring physics, reacts to the cursor like a squashy character, and pops into a colorful confetti burst when clicked — then drops in again.\n\n## Demo\n[Bouncy Logo Mascot](https://crazygl.com/hero/bouncy-logo-mascot)\n\n## Install\n\n```bash\nnpm install @crazygl/hero-bouncy-logo-mascot\n```\n\n## Usage\n\n```tsx\nimport BouncyLogoMascot from '@crazygl/hero-bouncy-logo-mascot';\n\nexport default function Page() {\n  return (\n    <BouncyLogoMascot\n      logo=\"https://example.com/logo.svg\"\n      logoColor=\"#ff6ba6\"\n      squashAmount={0.6}\n    />\n  );\n}\n```\n\n## Customise\n\n- **Logo** — `logo` (transparent SVG/PNG silhouette, extruded with depth; or a GLB/GLTF used directly), `useGlbMaterials` toggle, `logoColor` (glossy body color).\n- **Bounce & physics** — `bounceStrength`, `bounceSpeed`, `squashAmount`, `cursorLean`, `pointerParallax`.\n- **Confetti** — `confettiCount` plus the four-color palette `confettiColor1`…`confettiColor4`.\n- **Background** — `bgTop`, `bgBottom` pastel gradient, or `transparentBackground`.\n\n## Best for\n\n- Consumer apps and friendly brand sites\n- Creator tools and platforms\n- Education and kids' products\n- Any playful identity that should feel alive, not corporate\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":["three","3d","logo","playful","mascot","spring","squash","consumer","creator","education","bouncy-logo-mascot","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","interactive","frontend","component","canvas"]}