Desktop Required

this site is not responsive for phone and no one wants to create the gradients in phone and is am also bored to make it responsive so please open it in desktop

Switch to Desktop

Documentation

A practical guide to the Shaders creative workspace.

Rendering engines

Use CSS mode for lightweight assets, or GPU shader modes for mesh, aurora, liquid, glass, metallic, and procedural compositions.

Color workflow

Edit HEX color stops while Shaders displays RGB, HSL, and OKLCH-oriented values for practical design-system handoff.

Export pipeline

Copy CSS, Tailwind classes, JSON documents, GLSL snippets, React components, or download SVG and PNG artwork.

Sharing and persistence

Every document can be encoded in the URL and saved locally in the browser without requiring an account or backend.