A security bento crossed by one scanning beam on a loop. Each tile reacts the instant the beam passes it: borders flare, radar blips appear, masked secrets briefly reveal, audit rows and badges light up.
wardline · continuous scanning
Wardline rescans your infrastructure end to end on a loop. Watch the beam: everything it touches is checked again.
Inbound traffic scored in real time.
Leaked tokens caught before merge.
Signed and append-only.
Evidence collected for you.
No passwords to phish.
Every credential replaced on schedule, with zero restarts.
npx shadcn@latest add https://hyperblur.dev/r/bento-scan-sweep.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/bento-scan-sweep.tsx.
import { BentoScanSweep } from "@/components/hyperblur/bento-scan-sweep"
<BentoScanSweep cycle={6} />| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | string | "wardline · continuous scanning" | Mono label above the heading. |
| title | string | "One sweep, every surface, every six seconds" | Section heading. |
| subtitle | string | "Wardline rescans your infrastructure..." | Paragraph under the heading. |
| cta | { label: string; href: string } | null | { label: "Run a free scan", href: "#" } | Button beside the heading. |
| accent | string | "#f43f5e" | Beam and highlight color. |
| cycle | number | 6 | Seconds per sweep. Every tile reaction stays in sync with it. |
| className | string | Extra classes for the section element. | |
| style | React.CSSProperties | Inline styles merged onto the section element. |