New Composer — 192 shader effects, 1,846 presets →

Turn anything into beautiful noise. 

A real-time studio for dithering and generative graphics. Stack 192 live shader effects, dither them with 30+ algorithms, then export seamless loops up to 8K — or ship the live shader straight to your website.

Now showingLoading…Remix
↖ move your cursor — it ripples
The library
1,846 presets. Click any to remix it.
Browse all
0
Composable shader effects
0
Presets in 13 collections
0
Website sections, ready to ship
0K
Watermark-free stills & loops
What’s new

The biggest update yet: a full shader studio inside the dither studio.

Composer turns Dither Studio into a layered effects tool — and everything it makes can leave the app as a video, a still, or live code.

NEW
◧

Composer — a layer stack for shaders

Stack generators, materials, filters and warps. 17 blend modes, opacity, luminance and shape masks — the way you’d build a design, but every layer is a live GPU shader.

17 blend modesMasksMulti-passSimulations
✦

192 effects

Gradients, chrome, glass, neon, fluids, wipes, blurs, lens flares.

0
▦

Preset library

13 collections, every palette. Recolour any look in a click.

0
NEW
</>

Export code — ship it to your website

Drop-in embed, a React component or JSON. Or start from one of 60 production website sections — heroes, pricing, bento grids, footers — with your shader as the backdrop.

HTML embedReactJSON60 sections41 KB runtime
⌖

Cursor & LFO drivers

Drive any slider with a loop-synced LFO, or the cursor’s position and speed.

8K

HD render, no watermark

Stills and seamless loops up to 8K, rendered frame-exact offline.

◐

14 new generators

Aurora, Lava, Thin Film, Crystal, Godrays, Water, Smoke and more.

Native on your Mac

The full studio as an Apple Silicon app — offline, GPU-accelerated, with a fresh icon to match. Or keep using it in the browser; projects move between both.

↺

Free & open source

MIT licensed. No account, no watermark, no tracking.

Try it right here

Stack. Blend. Mask. Watch it resolve.

This is a real Composer stack running in your browser. Toggle layers to see how the look is built — then move your cursor across it.

Layers · 5/5Top ↓
Try switching off Dither to see the raw shader, or Chrome to reveal the aurora. In the studio every layer has its own blend mode, mask and live parameters.
The catalog

192 effects. All of them live.

Every tile is rendering in real time. Click one to open it in the studio.

See all 192 in the studio →
Interactive

Effects that feel your cursor.

Fluids, flocks and ripples run as real simulations on the GPU — and they react to whoever is visiting your site.

Open in studio
Move (or click and drag) across the canvas
Export code

Design it in the studio. Ship it to your site.

One click gives you a drop-in embed, a React component, or a complete website section. A 41 KB runtime renders it with exactly the same engine — so what you design is what your visitors see.

your-site.com
Now in public beta

Make the web feel alive again.

A living, GPU-rendered backdrop — exported from Dither Studio in one click.

HeroPricingBento+57 sections
Still great at what it started with

Source. Dither. Export.

01 · Bring a source

Feed it anything

Images, video, your webcam, live type, 3D meshes, glass, 54 generative patterns — or a Composer stack.

02 · Dial the dither

30+ algorithms, zero lag

Floyd–Steinberg, Atkinson, Bayer, halftone, ASCII and more — rebuilt as GPU shaders, previewing at 60+ fps.

03 · Export

Frames, loops or code

PNG, GIF, seamless MP4 up to 8K, SVG — or live website code. Save projects to a portable file.

Get the app

Dither Studio for Mac.

Native, offline, GPU-accelerated. Built for Apple Silicon. Free and open source.

v0.1.0Apple Silicon~200 MB
First launch on macOS

The app is open source and self-signed (not yet notarized by Apple), so Gatekeeper holds it on first open. Right-click the app → Open, then confirm — once only. Or run xattr -dr com.apple.quarantine "/Applications/Dither Studio.app".