Patterns
Shape grid
An outlined grid of squares drifting diagonally, a few cells lighting up and fading as they go - the quiet interface grid.
Styles
8The same effect, configured 8 ways. Open one and keep tuning.
Controls
- Background#060608
- Outline#3f3f46
- Lit cell#7c3aed
- 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.