Radar sweep effect with concentric rings, radial spokes, and a rotating beam.
Every prop is wired to the controls underneath. Move the pointer over the radar and its center shifts with it.
| Prop | Type | Default | Description |
|---|---|---|---|
speed | number | 1.0 | Overall animation speed multiplier. |
scale | number | 0.5 | Zoom level of the radar pattern. |
ringCount | number | 10.0 | Number of concentric rings. |
spokeCount | number | 10.0 | Number of radial spoke lines. |
ringThickness | number | 0.05 | Thickness of the concentric ring lines. |
spokeThickness | number | 0.01 | Thickness of the radial spoke lines. |
sweepSpeed | number | 1.0 | Rotation speed of the sweep beam. |
sweepWidth | number | 2.0 | Width of the sweep trail (higher = thinner). |
sweepLobes | number | 1.0 | Number of sweep beams around the radar. |
color | string | "#9f29ff" | Primary radar color in HEX format. |
backgroundColor | string | "#000000" | Background color in HEX format. |
falloff | number | 2.0 | Edge fade intensity based on distance from center. |
brightness | number | 1.0 | Overall brightness multiplier. |
enableMouseInteraction | boolean | true | Enable cursor-reactive center offset. |
mouseInfluence | number | 0.1 | Strength of the mouse offset effect. |
lightMode | boolean | false | Renders the radar as ink on a light background. Pair it with a light backgroundColor. |
Keyboard shortcuts and ARIA behavior.