Hero made by @ybouane.

@crazygl/hero-white-infinity-studio

A 3D product GLB floats in a bright seamless infinity studio — the floor sweeps continuously up into the back wall with no visible seam. Three-point softbox lighting, a soft floor reflection, and a very subtle camera dolly sell the look of a premium catalogue photoshoot.

Demo

White Infinity Studio

Install

npm install @crazygl/hero-white-infinity-studio

Usage

import WhiteInfinityStudio from '@crazygl/hero-white-infinity-studio';

export default function Page() {
  return (
    <WhiteInfinityStudio
      heading="The new flagship."
      model="/path/to/my-product.glb"
      stageLayout="content-left"
    />
  );
}

Customise

• Stage — stageLayout, productX / productY, stageTone (wall tint), wallCurve (floor→wall sweep tightness).
• Camera — cameraDistance, cameraHeight, dollyAmplitude, pointerParallax.
• Product — model (GLB/GLTF), useGlbMaterials (or override overrideColor / overrideMetalness / overrideRoughness), productScale, productTilt, productYaw, floatHeight, spinSpeed (turntable).
• Lighting — environmentImage (HDRI), envIntensity, exposure, keyIntensity / keyWarmth, fillIntensity, rimIntensity / rimColor, shadowStrength.

Best for

• Hardware and consumer-electronics launch pages
• E-commerce product heroes (jewellery, watches, fragrance, beauty)
• Editorial / catalogue-style brand storytelling
• Premium SaaS pages that want to feel "shot in a studio"

This hero is part of CrazyGL, 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.