Patterns

Acid squares

A grid of rounded squares breathing with a wave: each cell scales and shifts hue as the wave passes, the bright ones glowing into their gaps.

Styles

8

Controls

  • Background#07060f
  • Colour A#7c3aed
  • Colour B#22d3ee
  • Colour C#f472b6
  • Cells14
  • Size1
  • Rounding0.35
  • Intensity1
  • Speed0.4
  • 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.

More in Patterns

All 25