{"_id":"@crazygl/hero-chrome-mascot-logo","_rev":"2-17e5bf5f9372e1d4e788165418d014d9","name":"@crazygl/hero-chrome-mascot-logo","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@crazygl/hero-chrome-mascot-logo","version":"0.1.0","author":{"name":"ybouane"},"license":"Apache-2.0","_id":"@crazygl/hero-chrome-mascot-logo@0.1.0","maintainers":[{"name":"ybouane","email":"ybouane@ybouane.com"}],"homepage":"https://crazygl.com/hero/chrome-mascot-logo","bugs":{"url":"https://github.com/crazygl-com/hero-chrome-mascot-logo/issues"},"dist":{"shasum":"edbee49f21f324e2b098ae6748145660b493e978","tarball":"https://registry.npmjs.org/@crazygl/hero-chrome-mascot-logo/-/hero-chrome-mascot-logo-0.1.0.tgz","fileCount":11,"integrity":"sha512-1vfWgQBhMBKCeCfiM5gPeC6XX0hGCbknB73+wQsU5XHU3dGZI/ZGyIs613VTmkwnlQwDKTk3iFbHPjtuiLfV6A==","signatures":[{"sig":"MEQCIEw7JJTso/mrbUin1S1IjuJsHpmzQb5+jcC4HihzBY/aAiBJ7ywG2aGK74XnfvofB6FW8Y5UKSPnhhumRPofLrF1mg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":94541},"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":"37b16586ec61719bfb53ca733befe6f8c92d5af7","_npmUser":{"name":"ybouane","email":"ybouane@ybouane.com"},"repository":{"url":"git+https://github.com/crazygl-com/hero-chrome-mascot-logo.git","type":"git"},"_npmVersion":"11.12.0","description":"Chrome Mascot Logo — your logo or mascot turned into a chunky Y2K chrome object floating over a sunset gradient with twinkling stars and anamorphic lens flares.","directories":{},"_nodeVersion":"24.14.0","dependencies":{"three":"^0.184.0","@crazygl/core":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/hero-chrome-mascot-logo_0.1.0_1782870632427_0.15292016267702535","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@crazygl/hero-chrome-mascot-logo","version":"0.1.1","description":"Chrome Mascot Logo — Your logo or mascot reborn as a chunky Y2K chrome object floating over a sunset gradient with twinkling stars and slow anamorphic lens flares. Real PBR mirror metal lit by a procedural HDR… A customizable CrazyGL animated hero section","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.184.0"},"peerDependencies":{"react":">=18","react-dom":">=18"},"license":"Apache-2.0","author":{"name":"ybouane"},"homepage":"https://crazygl.com/hero/chrome-mascot-logo","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-chrome-mascot-logo.git"},"publishConfig":{"access":"public"},"keywords":["three","3d","chrome","y2k","logo","mascot","retro-future","stars","lens-flare","playful","chrome-mascot-logo","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","interactive","frontend","component","canvas"],"bugs":{"url":"https://github.com/crazygl-com/hero-chrome-mascot-logo/issues"},"gitHead":"852ce7cd3719b85a6bc26b65820afa48e4486c2c","_id":"@crazygl/hero-chrome-mascot-logo@0.1.1","_nodeVersion":"24.14.0","_npmVersion":"11.12.0","dist":{"integrity":"sha512-NUOFJ5efyQ1N0ppA4yedqL+pUoAJgB9ShU0uFGbpqwzZ8S1MApUJwDwnu1v1s4poYy0UA11pLnSv9y/x6xeAkg==","shasum":"c6640d728dea27a3a922ac64be1466253b84219e","tarball":"https://registry.npmjs.org/@crazygl/hero-chrome-mascot-logo/-/hero-chrome-mascot-logo-0.1.1.tgz","fileCount":11,"unpackedSize":95077,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAWXQFlHVe9UL01wisSFX6UUL2q6F+rGm/ENiDIlZuN2AiEA3u2zeJz2H3iop8h8CnVBai1XRCNHdmbTOdbiMpERQog="}]},"_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-chrome-mascot-logo_0.1.1_1782922276790_0.17290156869003548"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-01T01:50:32.303Z","modified":"2026-07-01T16:11:17.083Z","0.1.0":"2026-07-01T01:50:32.565Z","0.1.1":"2026-07-01T16:11:16.947Z"},"bugs":{"url":"https://github.com/crazygl-com/hero-chrome-mascot-logo/issues"},"author":{"name":"ybouane"},"license":"Apache-2.0","homepage":"https://crazygl.com/hero/chrome-mascot-logo","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-chrome-mascot-logo.git"},"description":"Chrome Mascot Logo — Your logo or mascot reborn as a chunky Y2K chrome object floating over a sunset gradient with twinkling stars and slow anamorphic lens flares. Real PBR mirror metal lit by a procedural HDR… A customizable CrazyGL animated hero section","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-chrome-mascot-logo/banner-full.png\" alt=\"Chrome Mascot Logo\" width=\"640\">\n</p>\n\n# @crazygl/hero-chrome-mascot-logo\n\nYour logo or mascot reborn as a chunky Y2K chrome object floating over a sunset gradient with twinkling stars and slow anamorphic lens flares. Real PBR mirror metal lit by a procedural HDR environment.\n\n## Demo\n[Chrome Mascot Logo](https://crazygl.com/hero/chrome-mascot-logo)\n\n## Install\n\n```bash\nnpm install @crazygl/hero-chrome-mascot-logo\n```\n\n## Usage\n\n```tsx\nimport ChromeMascotLogo from '@crazygl/hero-chrome-mascot-logo';\n\nexport default function Page() {\n  return (\n    <ChromeMascotLogo\n      logo=\"https://crazygl.com/samples/logo-shape1.png\"\n      envPreset=\"Sunset\"\n      autoRotateSpeed={0.045}\n    />\n  );\n}\n```\n\nDrop in an SVG or PNG and the silhouette is extruded into a thick bevelled shape; hand it a GLB/GLTF and your actual 3D model takes the stage (keep its materials or override every mesh with the chrome look).\n\n## Customise\n\n- **Logo** — SVG/PNG silhouette (extruded + bevelled) or GLB/GLTF model; `useGlbMaterials`, `bevelDepth`.\n- **Chrome material** — `logoColor` (F0 tint), `logoMetalness`, `logoRoughness`, `clearcoatStrength`, `envMapIntensity`.\n- **Reflections & background** — `envPreset` (Sunset / Cyber / Cream HDR env), `bgStyle`, `bgMotion`, and three gradient stops.\n- **Layout & motion** — `layout`, `logoScale`, `pointerStrength`, `autoRotateSpeed`.\n- **Stars** — `starCount`, `starColor`, `starDriftSpeed`.\n- **Lens flares** — `flareStrength`, `flareColor`.\n\n## Best for\n\n- Creator tools and consumer apps launching a fresh identity\n- Music, fashion, and retro-future brands chasing Y2K nostalgia\n- Personal portfolios and product pages that want a logo to feel like a hero object\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","chrome","y2k","logo","mascot","retro-future","stars","lens-flare","playful","chrome-mascot-logo","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","interactive","frontend","component","canvas"]}