Backgrounds

Wire Curtain

A curtain of closely spaced vertical wires that folds like cloth in a slow draft and tears open along the path of the pointer.

Live feed, no gaps

A thin curtain that folds on its own and tears where you reach

Sweep the pointer across the field to pull a wake through the wires.

Using Wire Curtain

A curtain of closely spaced vertical wires that folds like cloth in a slow draft and tears open along the path of the pointer.

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: accentColor, spacing, amplitude, speed, pointerForce

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

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.

1947Cursor fluid trailBackgroundsA dark field where dragging the pointer smears colored fluid across it, and the smear keeps curling and thinning out after the pointer stops.

1700Gradient slat spotlightBackgroundsVertical slats hide a colour gradient until a soft spotlight tracks the pointer across them and lights each slat it touches.

1720Magnetic particle ringBackgroundsA drifting field of tiny specks that the pointer catches and reorganises into a rippling ring, releasing them again as it moves on.

1999Mirror warp fieldBackgroundsA full bleed sheet of polished metal that folds and refolds itself, with a dent that spreads out from wherever the pointer touches it.

1536Particle driftBackgroundsA canvas field of slow drifting particles that wrap at the edges, and link with faint lines and ease away where the pointer passes.