Skip to content

Screen

A framed CRT surface. Scanlines by default, with the aperture grille, bloom, roll bar and grain opt in.

Standby

NO SIGNAL

Every layer darkens or tints what is under it, so all four need lit content to act on.

Installation

npx shadcn@latest add @afterglow/screen

API Reference

Every layer darkens or tints what is under it, so none of them show over an empty black panel. They need lit content to act on.

grille is a mask rather than a tint. It blocks two of the three channels under each stripe, so lit areas take the striping and black stays black.

bloom crushes the darks before it blurs, so black stays black under the screen blend and text keeps its contrast while lit areas spill into the dark around them.

Screen

A bordered surface with the scanlines already on it. The aperture grille, the bloom, the hold bar and the grain are opt in.

PropTypeDefault
density"fine" | "soft""fine"
grillebooleanfalse
bloombooleanfalse
rollbooleanfalse
grainbooleanfalse