Shader Art

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

Start blank Use an image Try the sample

Shader Art preview

See the tool, not just the cover.

The sample passed through a prismatic RGB feedback field.

Shader Art result made from the bundled sample
ResultShader Art
Try this result

About this tool

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.

Input
Image or blank canvas
Output
PNG / JPEG / Video
Motion
Still + video
Rendering
WebGL

Use it for

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

Key controls · 4

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

On the Web · 1

  • Export motion as video instead of Live Photo.

How to use it

01

Start

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

02

Shape

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

03

Export

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

FAQ

Shader Art

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.

Does SHADR upload my image?

No. Image processing happens locally in your browser for this tool.

Is this the same tool as SHADR for iOS?

The core tool, parameters, presets, and rendering logic are shared. On iOS, Live Photo export is available; the Web version uses the fallback described above.