WebGL Shader Art Generator

Create generative shader art with refraction, prisms, light-field distortion, and feedback.

Try this sample

Runs locally No upload

Shader Art result made from the bundled sample

The sample passed through a prismatic RGB feedback field.

Use light, feedback, and refraction as the source material.

Shader Art combines prisms, feedback, light fields, and procedural distortion inside a GPU-rendered canvas. Begin blank or introduce a photograph, then tune the shader until the source becomes a synthetic optical event.

Start

Use your own image, start blank, or open the bundled sample.

Shape

Build the result with Field Mode, Distortion, and Palette, then refine the remaining controls in real time.

Export

Render PNG / JPEG / Video output and download it directly to your device.

Use it for

Generative motion backgrounds
Shader-led identity studies
Synthetic cover and title artwork

Key controls

Field ModeChoose Liquid, Signal, and Prism, plus 2 more variations.
DistortionTune from 0% to 100%.
PaletteChoose Carbon, Sodium, and Cobalt, plus 3 more variations.

All controls4

GrainTune from 0% to 100%.

On the Web

Export motion as video instead of Live Photo.

Before you start

What can I make with Shader Art?

Use it for generative motion backgrounds, shader-led identity studies, and synthetic cover and title artwork. The controls stay live, so the same source can branch into multiple visual directions.

What can I adjust in Shader Art?

The main controls include Field Mode, Distortion, Palette, and Grain. Additional composition and finish controls are available inside Studio.

What can Shader Art export?

Shader Art exports PNG / JPEG / Video. Available dimensions and motion options follow the tool's Web capabilities.

What changes on the Web?

Export motion as video instead of Live Photo.

Continue with SHADR on iPhone after you create in the browser.

Get the iPhone app