Patterns
Bar wave
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.
Styles
8The same effect, configured 8 ways. Open one and keep tuning.
Controls
- Background#05040c
- Bar A#a855f7
- Bar B#22d3ee
- Tint#f0abfc
- 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.