# VHS Tracking Wobble Text A shadcn/ui block from the [@weinc](https://we.inc/components?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/weinc/vhs-tracking-wobble-text-with-scanlines). - Page, with a live preview: https://shadcn.exchange/r/weinc/vhs-tracking-wobble-text-with-scanlines - Screenshot: https://shadcn.exchange/shot/weinc/vhs-tracking-wobble-text-with-scanlines/light.png - Registry item: https://we.inc/r/vhs-tracking-wobble-text-with-scanlines.json - Listed: 2026-10-28, source last changed 2026-10-28 ## Install ```bash npx shadcn@latest add https://shadcn.exchange/r/weinc/vhs-tracking-wobble-text-with-scanlines.json ``` Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on. ## Files ### `components/we-inc/vhs-tracking-wobble-text-with-scanlines.tsx` ```tsx import { useEffect, useRef, useState } from "react"; const headline = "Be kind, rewind."; export default function VhsTrackingWobbleText() { const root = useRef(null); const [visible, setVisible] = useState(true); useEffect(() => { const el = root.current; if (!el) return; const io = new IntersectionObserver(([entry]) => setVisible(entry.isIntersecting)); io.observe(el); return () => io.disconnect(); }, []); return (
); } ```