A layer like any other
Place a shader in a frame, resize it, mask it, stack text on top. It lives in the layers panel next to everything else.
Mesh gradients, grain, flowing light. Add them as layers, tune them in the design panel, and ship them with the page.
Place a shader in a frame, resize it, mask it, stack text on top. It lives in the layers panel next to everything else.
Colors, speed, scale and grain are properties in the design panel, linked to your tokens when you want.
The shader is part of the page's files, rendered in the browser, so the live site moves exactly like the design.
Shaders are planned for Kalka and not available yet. Details may change.