{"_id":"@crazygl/hero-extruded-3d-headline-sculpture","_rev":"2-7325d30b42af26b06e14ca9c2277a9f7","name":"@crazygl/hero-extruded-3d-headline-sculpture","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@crazygl/hero-extruded-3d-headline-sculpture","version":"0.1.0","author":{"name":"ybouane"},"license":"Apache-2.0","_id":"@crazygl/hero-extruded-3d-headline-sculpture@0.1.0","maintainers":[{"name":"ybouane","email":"ybouane@ybouane.com"}],"homepage":"https://crazygl.com/hero/extruded-3d-headline-sculpture","bugs":{"url":"https://github.com/crazygl-com/hero-extruded-3d-headline-sculpture/issues"},"dist":{"shasum":"614e6a38c160c0c969cc12b1702610d7c72be75e","tarball":"https://registry.npmjs.org/@crazygl/hero-extruded-3d-headline-sculpture/-/hero-extruded-3d-headline-sculpture-0.1.0.tgz","fileCount":11,"integrity":"sha512-AUJ3mB+DstRxCh01jqDTkJiA9P1nqrcBLgAFMEbIFEFHNbla+S34M5FNM5MoYcPjl4QywMy41AJlhl7Gy9kasw==","signatures":[{"sig":"MEUCIG8VYKTP6nhIlE2aap+wTIQBhBWeGUr5iDVF0eAp+0raAiEA91b974EE653jIZ2kqEBYEKWMEFOx4pmEXyfmzTyJcPQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":96570},"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":"daeab4b8dc5c5af14f5350b1f1982f36df25ac1d","_npmUser":{"name":"ybouane","email":"ybouane@ybouane.com"},"repository":{"url":"git+https://github.com/crazygl-com/hero-extruded-3d-headline-sculpture.git","type":"git"},"_npmVersion":"11.12.0","description":"Extruded 3D Headline Sculpture — your headline as a thick bevelled 3D sculpture floating under studio lighting with PBR reflections, soft contact shadow, and pointer-driven camera parallax.","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-extruded-3d-headline-sculpture_0.1.0_1782871063209_0.19416913265693392","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@crazygl/hero-extruded-3d-headline-sculpture","version":"0.1.1","description":"Extruded 3D Headline Sculpture — Your headline as a thick, bevelled 3D sculpture floating under three-point studio lighting. Each letter has glossy bevelled edges, the camera parallaxes with your pointer so the depth… 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/extruded-3d-headline-sculpture","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-extruded-3d-headline-sculpture.git"},"publishConfig":{"access":"public"},"keywords":["three","3d","text","sculpture","extrusion","pbr","headline","premium","extruded-3d-headline-sculpture","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","interactive","frontend","component","canvas"],"bugs":{"url":"https://github.com/crazygl-com/hero-extruded-3d-headline-sculpture/issues"},"gitHead":"e9db022c2be7c59e274402f917aef8334461ef7a","_id":"@crazygl/hero-extruded-3d-headline-sculpture@0.1.1","_nodeVersion":"24.14.0","_npmVersion":"11.12.0","dist":{"integrity":"sha512-thFK1eK5oG7+JE0E6np9EFMdE219yr7xsUImmByF6Ygq1spWnHkrbLLWL+iLXDePmJXhnZUOYZcp79z7d3snhA==","shasum":"7850703f9f76ccdd719ce8ec382a8b0fe57036be","tarball":"https://registry.npmjs.org/@crazygl/hero-extruded-3d-headline-sculpture/-/hero-extruded-3d-headline-sculpture-0.1.1.tgz","fileCount":11,"unpackedSize":97083,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQC+hx9l2k2IEdTXFd1W3YBNyGf5lP/ydAaAT7m7yHu8JgIhALTR2yzHqY8BHTIKJOrxCWlwFbFnDZGp+gnIQ6rTllK0"}]},"_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-extruded-3d-headline-sculpture_0.1.1_1782922314741_0.9528599016721948"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-01T01:57:43.092Z","modified":"2026-07-01T16:11:55.028Z","0.1.0":"2026-07-01T01:57:43.369Z","0.1.1":"2026-07-01T16:11:54.878Z"},"bugs":{"url":"https://github.com/crazygl-com/hero-extruded-3d-headline-sculpture/issues"},"author":{"name":"ybouane"},"license":"Apache-2.0","homepage":"https://crazygl.com/hero/extruded-3d-headline-sculpture","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-extruded-3d-headline-sculpture.git"},"description":"Extruded 3D Headline Sculpture — Your headline as a thick, bevelled 3D sculpture floating under three-point studio lighting. Each letter has glossy bevelled edges, the camera parallaxes with your pointer so the depth… 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-extruded-3d-headline-sculpture/banner-full.png\" alt=\"Extruded 3D Headline Sculpture\" width=\"640\">\n</p>\n\n# @crazygl/hero-extruded-3d-headline-sculpture\n\nYour headline as a thick, bevelled 3D sculpture floating under three-point studio lighting. Each letter has glossy bevelled edges, the camera parallaxes with your pointer so the depth reads from every angle, a soft contact shadow + AO strip ground it, and a real mirrored reflection fades into the glossy floor. A CTA button hover sends a sweep of light across the letters.\n\n## Demo\n[Extruded 3D Headline Sculpture](https://crazygl.com/hero/extruded-3d-headline-sculpture)\n\n## Install\n\n```bash\nnpm install @crazygl/hero-extruded-3d-headline-sculpture\n```\n\n## Usage\n\n```tsx\nimport Extruded3DHeadlineSculpture from '@crazygl/hero-extruded-3d-headline-sculpture';\n\nexport default function Page() {\n  return (\n    <Extruded3DHeadlineSculpture\n      heading={'Make it\\nmonumental.'}\n      extrudeDepth={0.4}\n      clearcoat={0.8}\n      ctaLabel=\"See it move\"\n    />\n  );\n}\n```\n\n## Customise\n\n- **Content** — `heading` (rendered AS the 3D sculpture), `subheading`, `ctaLabel` / `onCTAClick`, CTA colours.\n- **Sculpture** — `extrudeDepth`, `bevelSize`, `bevelSegments`, `letterSpacing`, `sculptureScale`.\n- **Material** — `textColor`, `metalness`, `roughness`, `clearcoat` (together set the finish).\n- **Lighting & floor** — `keyLightIntensity`, `envIntensity` (studio reflection), `shadowOpacity`, `showFloor`, `floorReflection`.\n- **Pointer** — `pointerParallax` for how far the camera orbits with the cursor.\n- **Typography** — `headingFontFamily` / `headingFontWeight`; the selected Google font is fetched as real TTF and extruded into the glyphs.\n\n## Best for\n\n- Premium SaaS and AI product launch pages\n- Design studios, agencies and brand-led marketing sites\n- Fashion, beauty and luxury landing pages\n- Typography-forward portfolios and event headers\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","text","sculpture","extrusion","pbr","headline","premium","extruded-3d-headline-sculpture","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","interactive","frontend","component","canvas"]}