ProductViewer

A polished rounded volume with orbit controls. Hovering slows the auto-rotation. The material picks up --primary as an emissive tint.

A polished rounded volume with orbit controls. Hovering slows the auto-rotation. The material picks up --primary as an emissive tint.

Auto-rotate

Rotate speed1

Metalness0.65

Roughness0.22

Environment

Prop	Type	Default	Description
`autoRotate`	boolean	`true`	Auto-rotate the object.
`autoRotateSpeed`	number	`1`	Rotation speed multiplier.
`metalness`	number	`0.65`	Material metalness (0–1).
`roughness`	number	`0.22`	Material roughness (0–1).
`className`	string	`—`	Classes for the wrapper element (set its height here).
`theme`	"auto" \| "light" \| "dark"	`"auto"`	Color source. auto reads the live shadcn theme.

autoRotateboolean

Auto-rotate the object.

Defaulttrue

autoRotateSpeednumber

Rotation speed multiplier.

Default1

metalnessnumber

Material metalness (0–1).

Default0.65

roughnessnumber

Material roughness (0–1).

Default0.22

classNamestring

Classes for the wrapper element (set its height here).

Default—

theme"auto" | "light" | "dark"

Color source. auto reads the live shadcn theme.

Default"auto"

ProductShowcase

A product composed of merged geometry resting on a circular pedestal under soft contact shadows and studio lighting, with a slow auto-rotation.

SceneContainer

The themed canvas wrapper every other scene builds on. It sets up the <Canvas>, camera, a fully offline lighting rig (no HDRI downloads) and optional