CRT scanlines with a soft rolling band and optional flicker. Pure CSS overlay.
npx shadcn@latest add https://hyperblur.dev/r/scanlines.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/scanlines.tsx.
import { Scanlines } from "@/components/hyperblur/scanlines"
<div className="relative"><img ... /><Scanlines /></div>| Prop | Type | Default | Description |
|---|---|---|---|
| opacity | number | 0.25 | Line darkness. |
| lineHeight | number | 3 | Pixels per scanline. |
| flicker | boolean | true | Subtle brightness flicker. |
| band | boolean | true | Slow rolling bright band. |