Skip to content

Scanlines

The glass. Two densities, a multiply blend, and a fixed mode for putting a whole page behind one sheet.

Page glass is this site's own sheet, not part of the component. It sits over everything including the panel above, so turn it off to see the scanlines switch on its own.

Installation

npx shadcn@latest add @afterglow/scanlines

API Reference

Scanlines

An overlay for the element it sits in. fixed pins it to the viewport instead, for a whole page behind one sheet of glass.

PropTypeDefault
density"fine" | "soft""fine"
fixedbooleanfalse