NeoTerm UI

Scanline Overlay

CRT scanline effect overlay and noise texture.

Import

import { ScanlineOverlay, NoiseOverlay, DotGrid } from "neoterm-ui";

Usage

<div className="relative">
  <ScanlineOverlay />
  <NoiseOverlay />
  <DotGrid />
  <div className="relative z-10">Content with CRT effects</div>
</div>

Components

PropTypeDefaultDescription
ScanlineOverlayHorizontal scanline effect via CSS ::after.
NoiseOverlaySubtle SVG noise grain texture.
DotGridRadial-gradient dot pattern background.