{"_id":"@crazygl/hero-chrome-y2k-wordmark","_rev":"2-8f97154bb66f90ca65ac6382119fa69b","name":"@crazygl/hero-chrome-y2k-wordmark","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@crazygl/hero-chrome-y2k-wordmark","version":"0.1.0","author":{"name":"ybouane"},"license":"Apache-2.0","_id":"@crazygl/hero-chrome-y2k-wordmark@0.1.0","maintainers":[{"name":"ybouane","email":"ybouane@ybouane.com"}],"homepage":"https://crazygl.com/hero/chrome-y2k-wordmark","bugs":{"url":"https://github.com/crazygl-com/hero-chrome-y2k-wordmark/issues"},"dist":{"shasum":"f2ab440ed29742346e504d59f5eb13ec9bc474df","tarball":"https://registry.npmjs.org/@crazygl/hero-chrome-y2k-wordmark/-/hero-chrome-y2k-wordmark-0.1.0.tgz","fileCount":11,"integrity":"sha512-CANMfrBnS7QHn0h/TzStX4unmzNVPizPDgBcdqh8MiaBH9hdg0UtlaraHbphfFDBpmZnWGrsfNw+fUxuiCTrAQ==","signatures":[{"sig":"MEUCIHNt1HeH8WMR4xqXYPf69E+ytr5e2GKmwp52kKYHmqQTAiEAomtzyat3tkCcbh2FwjyzQ2fUTZkVXwI3j+byKFW3rvw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":96959},"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":"72176405bb6a0397bc27c89c28b28e72729d8cf6","_npmUser":{"name":"ybouane","email":"ybouane@ybouane.com"},"repository":{"url":"git+https://github.com/crazygl-com/hero-chrome-y2k-wordmark.git","type":"git"},"_npmVersion":"11.12.0","description":"Chrome Y2K Wordmark — a huge mirror-chrome headline floating over a retro-future neon perspective grid, with travelling star glints, gradient reflections, and pointer-driven reflection parallax.","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-y2k-wordmark_0.1.0_1782870643635_0.3473882604251597","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@crazygl/hero-chrome-y2k-wordmark","version":"0.1.1","description":"Chrome Y2K Wordmark — A huge mirror-chrome headline floating over a retro-future neon perspective grid. Star glints travel across the letters, gradient reflections shift with the pointer, and the whole thing reads as a… A customizable CrazyGL animated her","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-y2k-wordmark","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-chrome-y2k-wordmark.git"},"publishConfig":{"access":"public"},"keywords":["three","3d","typography","chrome","y2k","retro-future","neon","vaporwave","premium","interactive","chrome-y2k-wordmark","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","frontend","component","canvas"],"bugs":{"url":"https://github.com/crazygl-com/hero-chrome-y2k-wordmark/issues"},"gitHead":"40daa1ecb85d89989b758dc4de4f99501af11f40","_id":"@crazygl/hero-chrome-y2k-wordmark@0.1.1","_nodeVersion":"24.14.0","_npmVersion":"11.12.0","dist":{"integrity":"sha512-pryoZMj8nr7f6CB0C7Ev1MESvjOqpJ4AQr30nza6/k1SL6eNiwn21z5keyMD/7ddFJlTbA+mtpfXlPD0y5f5fg==","shasum":"c6712b15e7cb9d2f233586c736806cb1c0769e1f","tarball":"https://registry.npmjs.org/@crazygl/hero-chrome-y2k-wordmark/-/hero-chrome-y2k-wordmark-0.1.1.tgz","fileCount":11,"unpackedSize":97464,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDnHg/ChrUm2k2VedvIsgZqjDHtKFnEZSIQ/MgpfHz50QIhAM/GIbLHJtRBkTsGFe2gr4m5vdEOpPCFatU0ak5im4Q3"}]},"_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-y2k-wordmark_0.1.1_1782922278809_0.959935602686355"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-01T01:50:43.435Z","modified":"2026-07-01T16:11:19.109Z","0.1.0":"2026-07-01T01:50:43.770Z","0.1.1":"2026-07-01T16:11:18.969Z"},"bugs":{"url":"https://github.com/crazygl-com/hero-chrome-y2k-wordmark/issues"},"author":{"name":"ybouane"},"license":"Apache-2.0","homepage":"https://crazygl.com/hero/chrome-y2k-wordmark","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-chrome-y2k-wordmark.git"},"description":"Chrome Y2K Wordmark — A huge mirror-chrome headline floating over a retro-future neon perspective grid. Star glints travel across the letters, gradient reflections shift with the pointer, and the whole thing reads as a… A customizable CrazyGL animated her","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-y2k-wordmark/banner-full.png\" alt=\"Chrome Y2K Wordmark\" width=\"640\">\n</p>\n\n# @crazygl/hero-chrome-y2k-wordmark\n\nA huge mirror-chrome headline floating over a retro-future neon perspective grid. Star glints travel across the letters, gradient reflections shift with the pointer, and the whole thing reads as a Y2K poster you'd screenshot for your moodboard.\n\n## Demo\n[Chrome Y2K Wordmark](https://crazygl.com/hero/chrome-y2k-wordmark)\n\n## Install\n\n```bash\nnpm install @crazygl/hero-chrome-y2k-wordmark\n```\n\n## Usage\n\n```tsx\nimport ChromeY2KWordmark from '@crazygl/hero-chrome-y2k-wordmark';\n\nexport default function Page() {\n  return (\n    <ChromeY2KWordmark\n      heading={'CYBER\\n2099'}\n      subheading=\"The internet, but make it fashion.\"\n      ctaLabel=\"Enter the future\"\n      gridColor=\"#ff80c8\"\n    />\n  );\n}\n```\n\n## Customise\n\n- **Content** — `heading` (use `\\n` to stack lines), `subheading`, `ctaLabel`, `onCTAClick`.\n- **Geometry** — `extrudeDepth`, `bevelSize`, `letterSpacing`, `headingY`.\n- **Chrome** — `chromeTint` (F0 base reflectance), `metalness`, `roughness`.\n- **Star Glints** — `glintCount`, `glintSize`, `glintBrightness`, `glintSpeed`.\n- **Background** — `bgGradientTop` / `bgGradientMid` / `bgGradientBottom` sky stops, `gridColor`, `gridStrength`, `gridSpeed`.\n- **Pointer** — `pointerParallax`.\n- **Typography** — `headingFontFamily` (a real Google TTF is fetched and extruded), `headingFontWeight`.\n\n## Best for\n\n- Fashion-tech and streetwear drops\n- Music, festival, and event landing pages\n- Web3, gaming, and crypto product launches\n- Bold creative-studio or agency portfolios\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","typography","chrome","y2k","retro-future","neon","vaporwave","premium","interactive","chrome-y2k-wordmark","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","frontend","component","canvas"]}