Shader graphics for websites.

Pick a source, pick a style, stack layers. Shaper turns it into one tag you paste into your site.

Open the editor Free. Runs in your browser.

Stack it

A graphic is a stack of up to 8 layers. Each has its own source, style, colors and mouse behavior, then blends onto what is below it. Here is plate 01, taken apart.

Source
Noise, shapes, 3D forms, images, video, text
Style
Gradient, dither, halftone, ASCII
Mouse
Glow, repel, lens, ripple, reveal, trail
Blend
Normal, multiply, screen, overlay, add, difference, darken, lighten, behind, mask, cut

One tag

Design it in the editor, host shaper.js once, then paste the tag on any site that lets you add HTML.

This tag

          
Renders this