ParticleField
A slowly drifting cloud of particles. Foreground particles use --primary, the rest use --muted-foreground. Great as a hero background.
A slowly drifting cloud of particles. Foreground particles use --primary, the rest use --muted-foreground. Great as a hero background.
Customize
Count1500
Speed0.3
Environment
Props
| Prop | Type | Default | Description |
|---|---|---|---|
count | number | 1500 | Number of particles. |
speed | number | 0.3 | Drift and 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. |
countnumberNumber of particles.
Default
1500speednumberDrift and rotation speed multiplier.
Default
0.3classNamestringClasses for the wrapper element (set its height here).
Default
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
Default
"auto"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
ProductViewer
A polished rounded volume with orbit controls. Hovering slows the auto-rotation. The material picks up --primary as an emissive tint.