Worn tape look: drifting tracking bands, cyan and magenta color bleed, and a tiny vertical jitter.
npx shadcn@latest add https://hyperblur.dev/r/vhs-overlay.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/vhs-overlay.tsx.
import { VhsOverlay } from "@/components/hyperblur/vhs-overlay"
<div className="relative"><video ... /><VhsOverlay intensity={2} /></div>| Prop | Type | Default | Description |
|---|---|---|---|
| intensity | 1 | 2 | 3 | 2 | How strong the tape damage looks: 1 subtle, 3 heavy. |
| bands | number | 2 | Number of drifting tracking bands. |
| speed | number | 1 | Animation speed multiplier. |