Radar Sweep
ProInstallation
ProRequires a Planes Pro license.
npx shadcn add @useplanes/radar-sweep
Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.
Unlock with Planes Pro
$99 once · 161 Pro components · lifetime updates.
import { RadarSweep } from "@/components/ui/RadarSweep";
<RadarSweep
blips={[
{ angle: 30, radius: 0.6 },
{ angle: 140, radius: 0.4 },
{ angle: 260, radius: 0.8 },
]}
color="#34d399"
/>Use cases
Monitoring feature tile
A bento cell that says "we watch everything" without a word of copy.
Security products
Threat detection visualized as targets lighting up under the sweep.
Observability dashboards
An ambient scanning state for empty screens or loading views.
Discovery features
Finding devices, peers, or nearby items — radar is the universal metaphor.