The shader playground

Shaders WebGPU Components

Download Back To CSSScript.Com

Explore textures, sculpt light, and mix effects. Choose a scene, adjust its layers, or build a composition of your own.

Liquid metal
Adjust the controls below

Preparing the canvas

Loading effects…

Loading the effect library…

Explore the effects

Loading catalog

Layer stack

Select a layer to edit it. Wrap a composition to apply a filter to every layer.

Render settings

Parameters

Blending, masks & transforms
Composition editor
Custom shader

Available inputs: uv, time, aspect, pointer, bands, speed. Return a vec4f color.