Shaders/Solace
Use in Brand Lab
Shader, meet composition.

Try your current preset across campaign, identity, and web. Your settings come with you.

Open Brand Lab
← All shaders
Experiment 006 / Interactive field

Magnetic pixels

Spring-tethered particles switch polarity around the pointer and reveal the tension holding them in place.

Sweep across the lattice to reverse its local polarityTune the material in DialKit
Solace registry

Add it to your project

Installs the standalone WebGL component into your components directory.

npx shadcn@latest add https://shaders.solaceui.com/r/magnetic-pixels.json