Scanline

Fine lines, a slow rolling band and an optional flicker. For retro screens, terminals and nostalgic heroes.

Install

Included with Creative: needs your API key. Initialize and log in once.

Terminal

npx @galactrex/ui add scanline

Example

import { Scanline } from "@/components/galactrex/scanline";

<div className="relative"><Screen /><Scanline /></div>

Installs to components/galactrex/scanline.tsx, with the shared motion primitives beside it.

Source for this component comes with its plan. Install it with the command above, or open your licensed copy here.

Prop	Type	Default	Description
`spacing`	`number`	`3`	Line gap in px.
`opacity`	`number`	`0.18`	Line strength.
`roll`	`boolean`	`true`	Rolling band.
`flicker`	`boolean`	`false`	Faint flicker.
`className`	`string`	—	Extra classes for the outer element.