{"_id":"@crazygl/hero-product-turntable-studio","name":"@crazygl/hero-product-turntable-studio","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.1":{"name":"@crazygl/hero-product-turntable-studio","version":"0.1.1","description":"Product Turntable Studio — A 3D product model rotates on a premium polished turntable disc beside the hero copy. Studio HDRI lighting, warm key and cool fill softboxes, drag to free-spin, and pointer hover-zoom — a… A customizable CrazyGL animated hero se","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/product-turntable-studio","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-product-turntable-studio.git"},"publishConfig":{"access":"public"},"keywords":["3d","product","turntable","pbr","hdri","premium","three","product-turntable-studio","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","interactive","frontend","component","canvas"],"bugs":{"url":"https://github.com/crazygl-com/hero-product-turntable-studio/issues"},"gitHead":"c42ad1bcc63d19c4c0e08ac13649c7049fc5d03d","_id":"@crazygl/hero-product-turntable-studio@0.1.1","_nodeVersion":"24.14.0","_npmVersion":"11.12.0","dist":{"integrity":"sha512-Tmhg08/mSQPeuweVVkE+te9RZa2H6fVQ7L7sAE5VG1wGhL3I3qGVXqgefp1Cq1FPDZQbkUAZncex0lbgE7zq9w==","shasum":"036822be3fb8d533873842b710a8f32bbf064bec","tarball":"https://registry.npmjs.org/@crazygl/hero-product-turntable-studio/-/hero-product-turntable-studio-0.1.1.tgz","fileCount":11,"unpackedSize":87663,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIDGqdsffwv3tRr7l7fvJ2xB95qbgm+oRzLZzKtXKR7PcAiAg6IZBwAEHXxuEDtMrmHXgrYF+znQzKfkXcPpw85CBnA=="}]},"_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-product-turntable-studio_0.1.1_1782922487292_0.7214014319459658"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-01T16:14:47.161Z","0.1.1":"2026-07-01T16:14:47.451Z","modified":"2026-07-01T16:14:47.715Z"},"maintainers":[{"name":"ybouane","email":"ybouane@ybouane.com"}],"description":"Product Turntable Studio — A 3D product model rotates on a premium polished turntable disc beside the hero copy. Studio HDRI lighting, warm key and cool fill softboxes, drag to free-spin, and pointer hover-zoom — a… A customizable CrazyGL animated hero se","homepage":"https://crazygl.com/hero/product-turntable-studio","keywords":["3d","product","turntable","pbr","hdri","premium","three","product-turntable-studio","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","interactive","frontend","component","canvas"],"repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-product-turntable-studio.git"},"author":{"name":"ybouane"},"bugs":{"url":"https://github.com/crazygl-com/hero-product-turntable-studio/issues"},"license":"Apache-2.0","readme":"<sub>*Hero made by [@ybouane](https://x.com/ybouane).*</sub>\n<p align=\"center\">\n  <img src=\"https://crazygl.com/heroes/hero-product-turntable-studio/banner-full.png\" alt=\"Product Turntable Studio\" width=\"640\">\n</p>\n\n# @crazygl/hero-product-turntable-studio\n\nA 3D product model rotates on a premium polished turntable disc beside the hero copy. Studio HDRI lighting, warm key and cool fill softboxes, drag to free-spin, and pointer hover-zoom — a high-end product launch in code.\n\n## Demo\n[Product Turntable Studio](https://crazygl.com/hero/product-turntable-studio)\n\n## Install\n\n```bash\nnpm install @crazygl/hero-product-turntable-studio\n```\n\n## Usage\n\n```tsx\nimport ProductTurntableStudio from '@crazygl/hero-product-turntable-studio';\n\nexport default function Hero() {\n\treturn (\n\t\t<ProductTurntableStudio\n\t\t\theading={\"Shot in the studio.\\nSpun in your browser.\"}\n\t\t\tproductModel=\"/my-product.glb\"\n\t\t\tproductSide=\"right\"\n\t\t\tturntableSpeed={0.22}\n\t\t/>\n\t);\n}\n```\n\n`react`, `react-dom` and `@crazygl/core` are peer dependencies; `three` is bundled as a regular dependency.\n\n## Customise\n\n- **Product** — `productModel` (GLB/GLTF), `productScale`, `modelLift`, `turntableSpeed`, `useGlbMaterials` (off → `productColor` / `productMetallic` / `productRoughness`).\n- **Layout** — `productSide`, `productX`, `productY`.\n- **Camera** — `stageTilt`, `cameraDistance`, `zoomAmount` (hover-zoom), `parallaxStrength`, `dragInertia`.\n- **Turntable** — `discColor`, `discRadius`, `discThickness`, `discMetallic`, `discRoughness`, `discRimColor`, `rimGlow`.\n- **Lighting** — `environmentImage` (HDRI), `envIntensity`, `exposure`, `keyColor` / `keyIntensity`, `fillColor` / `fillIntensity`; `floorColor`; `bgTopColor` / `bgBottomColor`.\n\n## Best for\n\n- Consumer-electronics and hardware launches\n- Beauty, fragrance, and cosmetics\n- Fashion accessories and jewellery\n- Premium e-commerce product splashes\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","_rev":"1-02d37dd8adf912b079047a077622b7ae"}