Bar wave · Mint

A grid of bars, each sliding along its cell on a phase set by its column, so a wave travels across the rows; a glow beyond each bar.

Open in studio

Settings

What this style sets on Bar wave. Highlighted values differ from the default.

Background#03110c
Bar A#14b8a6
Bar B#134e4a
Tint#ccfbf1
Columns18
Rows12
Thickness1
Travel1
Wave spread1
Glow1
Speed0.5
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 Bar wave styles