ProductShowcase

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

Product color

Metalness0.8

Roughness0.18

Prop	Type	Default	Description
`color`	string	`—`	Overrides the theme --primary for the product.
`metalness`	number	`0.8`	Product metalness (0–1).
`roughness`	number	`0.18`	Product 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.

colorstring

Overrides the theme --primary for the product.

Default—

metalnessnumber

Product metalness (0–1).

Default0.8

roughnessnumber

Product roughness (0–1).

Default0.18

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"

Pitch Momentum

A soccer pitch of dots where two rival particle mountains surge and clash as momentum swings, crests whitening where the fronts collide.

ProductViewer

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