Shape grid · Mint

An outlined grid of squares drifting diagonally, a few cells lighting up and fading as they go - the quiet interface grid.

Open in studio

Settings

What this style sets on Shape grid. Highlighted values differ from the default.

Background#03110c
Outline#134e4a
Lit cell#14b8a6
Cell size1
Shape0
Line weight1
Lit cells1
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 Shape grid styles