ProductShowcase
A product composed of merged geometry resting on a circular pedestal under soft contact shadows and studio lighting, with a slow auto-rotation.
A product composed of merged geometry resting on a circular pedestal under soft contact shadows and studio lighting, with a slow auto-rotation.
Customize
Product color
Props
| Prop | Type | Default | Description |
|---|---|---|---|
color | string | — | Overrides the theme --primary for the product. |
className | string | — | Classes for the wrapper element (set its height here). |
theme | "auto" | "light" | "dark" | "auto" | Color source. auto reads the live shadcn theme. |
colorstringOverrides the theme --primary for the product.
Default
—classNamestringClasses for the wrapper element (set its height here).
Default
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
Default
"auto"Text3D
Extruded, slowly floating 3D text rendered with drei <Text3D>, colored with --primary. Defaults to a typeface served from the jsDelivr npm mirror; pas
Globe
A dotted globe that rotates slowly with two orbit rings. The dots use --primary and the rings blend --primary with --muted-foreground. Fully theme-awa