Hero made by @ybouane.

@crazygl/hero-sculpted-light-bust

A polished marble sculpture under studio lighting. The pointer orbits a single bright key light around the bust in real 3D, raking it across the stone face for hot specular highlights, cool subsurface shadows in the recesses, and a warm rim that tracks the cursor like a real museum spotlight.

Demo

Sculpted Light Bust

Install

npm install @crazygl/hero-sculpted-light-bust

Usage

import SculptedLightBust from '@crazygl/hero-sculpted-light-bust';

export default function Hero() {
	return (
		<SculptedLightBust
			heading="Carved in light."
			productModel="/models/bust.glb"
			materialPreset="marble"
		/>
	);
}

Drop any GLB/GLTF mesh on productModel; the hero auto-fits it to a normalised bounding box. Single-subject hero scans (a bust, head, or statue) read best.

Customise

• Model — productModel, modelScale, positionX/Y, yaw, pitch, parallaxStrength.
• Light — lightRadius, lightIntensity, keyColor, rimWarmth, rimIntensity, fillIntensity (studio fill).
• Material — materialPreset (marble / porcelain / gold / chrome / bronze / obsidian / jade), marbleWhiteness, marbleRoughness, subsurfaceStrength, subsurfaceColor.
• Backdrop — backgroundTop / backgroundBottom gradient, backgroundDarkness, floorHaloIntensity, transparent.

Best for

• Luxury, fashion, and heritage / craft brand landing pages.
• Museum, gallery, and exhibition microsites.
• Premium product launches wanting a curated, tactile feel.

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.