Particle Field
Interactive 2D Canvas particle constellation network connecting nearby nodes on cursor proximity.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
particleCount100
Number of floating particles.
speed1
Movement speed multiplier.
particleColor#ff5c71
Color of the particle dots.
lineColor#7fff5e
Color of the connecting constellation lines.
linkDistance100
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. |