ns-ui

Background Lloyd Relax

A blue-noise dot field that never stops settling — points run one weighted Lloyd relaxation iteration per frame against a drifting density function with genuine zero regions, so ink continually migrates into the dense lobes and leaves the rest of the frame bare paper; the pointer opens a density well the dots crowd into and drain out of.

Use when Pick background-lloyd-relax when the hero should read as an engraved stipple screen — locally equidistant dots whose spacing itself encodes tone — and the pointer should physically repack the ink rather than recolor it. background-ascii-voronoi-walls is the better pick when the cell BOUNDARIES, not the sites, are the subject; background-ascii-caustics when you want thin bright filaments from an optical field rather than a dot screen.

Install

npx shadcn add https://design.helpmarq.com/r/background-lloyd-relax.json
View source and playground

ns-ui / background-lloyd-relax — one Lloyd iteration per frame; the pointer opens a density well

Props

PropTypeDefaultDescription
count?numbernumber of stipple sites
className?string