{"_id":"@crazygl/hero-product-pedestal","name":"@crazygl/hero-product-pedestal","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.1":{"name":"@crazygl/hero-product-pedestal","version":"0.1.1","description":"Product Pedestal — A 3D product model rests on a minimal floating pedestal under studio HDRI lighting. Slow turntable rotation, soft contact shadow, drifting dust, subtle mouse parallax, and press-and-drag to free-spin… 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/product-pedestal","repository":{"type":"git","url":"git+https://github.com/crazygl-com/hero-product-pedestal.git"},"publishConfig":{"access":"public"},"keywords":["3d","product","pedestal","pbr","hdri","premium","three","product-pedestal","crazygl","hero","hero-section","webgl","react","animation","ui","landing-page","interactive","frontend","component","canvas"],"bugs":{"url":"https://github.com/crazygl-com/hero-product-pedestal/issues"},"gitHead":"521e4a9b2ab3bc9a51a35e6ba3b8323705b9c11b","_id":"@crazygl/hero-product-pedestal@0.1.1","_nodeVersion":"24.14.0","_npmVersion":"11.12.0","dist":{"integrity":"sha512-jiceTpxAvXTO6o5x9Q2oXqJxDofp6VxrUs+KYPhzDQ0HfP1WuOVE1Ii+uomyv+2JVOXwd+YTeXvoNLOkcmiNXw==","shasum":"3641760c7aeb394763e46ee52fa228a13ef26bc4","tarball":"https://registry.npmjs.org/@crazygl/hero-product-pedestal/-/hero-product-pedestal-0.1.1.tgz","fileCount":9,"unpackedSize":87617,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCHwmU5di5Rdm0TWuRAVdqU3CcG44azO1pgeWiurm/MNgCIQCBfXyd3cu3R/wevRSW/ZN8zm3VG6pHjMO3mZ2CtAhNxQ=="}]},"_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-pedestal_0.1.1_1782922484217_0.8271328502080024"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-01T16:14:44.083Z","0.1.1":"2026-07-01T16:14:44.362Z","modified":"2026-07-01T16:14:44.552Z"},"maintainers":[{"name":"ybouane","email":"ybouane@ybouane.com"}],"description":"Product Pedestal — A 3D product model rests on a minimal floating pedestal under studio HDRI lighting. Slow turntable rotation, soft contact shadow, drifting dust, subtle mouse parallax, and press-and-drag to free-spin… A customizable CrazyGL animated her","homepage":"https://crazygl.com/hero/product-pedestal","keywords":["3d","product","pedestal","pbr","hdri","premium","three","product-pedestal","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-pedestal.git"},"author":{"name":"ybouane"},"bugs":{"url":"https://github.com/crazygl-com/hero-product-pedestal/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-pedestal/banner-full.png\" alt=\"Product Pedestal\" width=\"640\">\n</p>\n\n# @crazygl/hero-product-pedestal\n\nA 3D product model rests on a minimal floating pedestal under studio HDRI lighting. Slow turntable rotation, soft contact shadow, drifting dust, subtle mouse parallax, and press-and-drag to free-spin the product.\n\n## Demo\n[Product Pedestal](https://crazygl.com/hero/product-pedestal)\n\n## Install\n\n```bash\nnpm install @crazygl/hero-product-pedestal\n```\n\n## Usage\n\n```tsx\nimport ProductPedestal from '@crazygl/hero-product-pedestal';\n\nexport default function Page() {\n  return (\n    <ProductPedestal\n      heading=\"Introducing the new iPhone.\"\n      productModel=\"https://crazygl.com/samples/nokia-phone.glb\"\n      environmentImage=\"https://crazygl.com/samples/hdri1.avif\"\n    />\n  );\n}\n```\n\n## Customise\n\n- **Product** — `productModel` (GLB/GLTF, auto-fit, authored PBR preserved), `productScale`, `turntableSpeed`, `productMetallic`, `productRoughness`.\n- **Lighting** — `environmentImage` (equirect HDRI), `envIntensity`, `exposure`, `keyLight*`/`fillLight*`.\n- **Pedestal** — `pedestalColor`, `pedestalRadius`, `pedestalThickness`, `pedestalMetallic`, `pedestalRoughness`, `pedestalEmissive`, `rimGlow`.\n- **Layout & camera** — `layout`, `positionX/Y`, `cameraTilt` (stage tilt), `cameraDistance`, `modelHeight`, `dragInertia`.\n- **Atmosphere & background** — `dustCount`/`dustColor`/`dustIntensity`, `pointerTilt`, `transparent`, `bgTopColor`/`bgBottomColor`.\n\n## Best for\n\n- Consumer hardware and gadget launch pages\n- Premium e-commerce and luxury product showcases\n- Jewellery, watch, and industrial-design brands\n- App or device announcement heroes\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-3193d31531879c6193005e5186551d24"}