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
Props
| Prop | Type | Default | Description |
|---|---|---|---|
count | number | 1500 | Number of particles. |
speed | number | 0.3 | Drift and rotation speed multiplier. |
size | number | 0.045 | Particle size. |
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.
1500speednumberDrift and rotation speed multiplier.
0.3sizenumberParticle size.
0.045classNamestringClasses for the wrapper element (set its height here).
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
"auto"Network Graph
A living plexus of drifting nodes that connect when they come close. Links fade from --primary (near) to --muted-foreground (far).
Pendulum Wave
A row of pendulums with stepped periods drifting into snakes, arches and chaos before snapping back in phase, bobs tinted --accent to --primary across the swing.