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.
Customize
Auto-rotate
Rotate speed1
Environment
Props
| Prop | Type | Default | Description |
|---|---|---|---|
autoRotate | boolean | true | Auto-rotate the object. |
autoRotateSpeed | number | 1 | Rotation speed multiplier. |
className | string | — | Classes for the wrapper element (set its height here). |
theme | "auto" | "light" | "dark" | "auto" | Color source. auto reads the live shadcn theme. |
autoRotatebooleanAuto-rotate the object.
Default
trueautoRotateSpeednumberRotation speed multiplier.
Default
1classNamestringClasses for the wrapper element (set its height here).
Default
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
Default
"auto"ParticleField
A slowly drifting cloud of particles. Foreground particles use --primary, the rest use --muted-foreground. Great as a hero background.
FloatingCard3D
A flat card floating in 3D space that tilts toward the cursor with spring smoothing. The surface uses --background with --border edges. Overlay real H