Components

Backdrop

The page background: aurora glows over contours or dots, and a light that follows the pointer and catches card edges.

Move the pointer

Card edges and the contour lines light up near it.

Import

import { Backdrop } from '@rinzai/zen';

Examples

Dots

Net this month$3,330

API reference

<Backdrop>

Fixed page background: slow aurora glows over a faint pattern (topographic contours or a dot grid), with a light that follows the pointer. It also lights `.glow-edge` borders (cards, outline buttons, dialogs) near the pointer. Render once, behind everything.

Prop	Type	Default
`pattern` Background pattern. Defaults to contours when `topoSrc` is given, dots otherwise.	`"contours" \| "dots"`	`—`
`topoSrc` URL of a contour-line image (strokes on transparent), used as a mask.	`string`	`—`