Particle Field
Interactive 2D Canvas particle constellation network connecting nearby nodes on cursor proximity.
Component Showcase
Particle Field
Interactive 2D Canvas particle constellation network connecting nearby nodes on cursor proximity.
CanvasInteractive
Interactive Playground
Adjust sliders and values to preview changes in real-time
particleCount
Number of floating particles.
speed
Movement speed multiplier.
particleColor
Color of the particle dots.
lineColor
Color of the connecting constellation lines.
linkDistance
Maximum linking distance threshold.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| particleCount | number | 100 | Number of floating particles. |
| speed | number | 1.0 | Movement speed multiplier. |
| particleColor | string | "#ff5c71" | Color of the particle dots. |
| lineColor | string | "#7fff5e" | Color of the connecting constellation lines. |
| linkDistance | number | 100 | Maximum linking distance threshold. |