Backgrounds

Grain Flicker

A grain layer that redraws itself every few frames, so flat backgrounds get the restless flicker of a running projector instead of a fixed texture.

Field dispatch

Signal from the north ridge

Wind held steady through the night and the antenna array logged a clean carrier for six straight hours.

Three relay stations confirmed sync. The fourth needs a battery swap before the next storm front.

Using Grain Flicker

A grain layer that redraws itself every few frames, so flat backgrounds get the restless flicker of a running projector instead of a fixed texture.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: opacity, grainScale, refreshInterval, animate

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

1690Film grain overlayBackgroundsA generated fractal grain layer that sits over any panel, tuned from fine dust to coarse tooth without loading a single image.

1701Grain washBackgroundsTwo colour pools bleed into each other across the frame while a slow warp keeps their border moving, all under a heavy film grain.

2110Aurora band glowBackgroundsA soft ribbon of light lying across a dark frame, its edge wandering on layered noise while the color walks along its length.

1666Aurora curtainBackgroundsA soft curtain of light hanging from the top edge, its lower hem rising and falling on a slow noise wave while its color shifts across the width.

2152Fanned wave threadsBackgroundsA bundle of hairline threads pinned flat at the left edge, fanning out to the right and waving on a slow noise field.

1692Flaming iris eyeBackgroundsA burning iris of radiating filaments around a narrow slit pupil that turns to keep the cursor in view.