Line warp · Mono

Tiled hairlines pulled through two warped coordinate fields that trade places over time, each colour channel on its own phase - a slow moiré of light.

Open in studio

Settings

What this style sets on Line warp. Highlighted values differ from the default.

Background#05040c
Colour A#f4f4f5
Colour B#a1a1aa
Colour C#52525b
Lines30
Warp1
Rotation-45
Brightness1
Speed0.3
Grain0.03

Ship it

Open it in the studio, tune it, then export a self-contained component for React, Vue, Svelte, Astro, Solid or vanilla JS, a PNG, GIF or video. Code export and 4K media are Pro.

Open in studio

More Line warp styles