Add nodes
Every picture starts with a source and ends at an Output. Two ways to add nodes:
- Drag a button from the Add Node palette (right rail) onto the canvas.
- Right-click the empty canvas for a categorized spawn menu.
Nodes are grouped: Source (Noise, Gradient, Bars, Camera, Image) · Tile · Warp · Glitch · Color · Stylize · Time filters · Combine · Out · Signal (green).
Wire the image flow
Image nodes have a ● blue output on their right and inputs on their left. Drag from an output to an input to connect them — the picture flows left → right.
- Remove a wire: click it.
- Re-route: drag off a connected input to pick the wire back up.
- Combine blends two images (inputs A and B) with a blend mode.
View any node in the Output
The big Output preview (top of the right rail) shows one node. Click a node's ◉ to route that node to the preview — great for auditioning a stage mid-chain. Click it again to fall back to the Output node.
Every node is also a live thumbnail on the canvas, so you can see the whole pipeline cooking at once.
Tweak parameters
Click a node to focus it in the Inspector (right rail): a large live preview, every parameter, and its connections. The three most important params also sit right on the node card.
- ↺ Reset / ⚄ Random to explore.
- Double-click a parameter label to reset just that one.
- Many nodes have preset chips (e.g. Kaleido → Hex / Mandala / Vortex).
Modulate with signals
This is the superpower. ● Signal nodes (green) output a moving number — an LFO, an Audio band, smooth Noise, a Constant, or Math. Feed one into any parameter and it comes alive.
- Drag a signal's output onto a node's ● orange mod port.
- In the Inspector's Modulation section, choose which parameter and set the depth.
Or skip the wire: click the small ◌ jack next to any parameter in the Inspector to bind a signal directly. Effective value = base + signal × depth.
Sources — image, camera, and audio
Image node
Drag an image file straight onto the node (a "Drop image" zone lights up), or click 📁 Browse on the card. You can also drop an image onto empty canvas to spawn a loaded Image node.
Camera node
Add a Camera source — the browser asks for webcam permission, then it's live in your chain.
Audio node
Pick a Source on the node: mic or file. Then hit the action button — 🎙 Enable mic or 📂 Load file… (or drop an audio file onto the canvas). The node shows a live FFT spectrum; the bars in your selected band glow green. Route it into a mod port to make effects pulse to sound.
The effect families
Filters are grouped like a palette of moods. A taste of each:
Presets, undo & redo
Presets ▾ in the top bar loads eight curated graphs that show the range — Kaleido Trails, VHS Broadcast, Liquid Mandala, Datamosh, Halftone Press, Infinite Tunnel, ASCII Camera, Timewarp. Great starting points to remix.
Made a mistake? ⌘Z / Ctrl Z to undo, ⌘⇧Z to redo — or the ↶ ↷ buttons. Adds, deletes, wires, moves and knob-tweaks are all on the history.
Save your work & share it
Open File ▾:
- 💾 Save to Library — stores the whole graph (with loaded images) in this browser via IndexedDB.
- 📂 Open Library — browse and reload your past works from a thumbnail grid.
- ⭱ Import / ⭳ Export JSON — move graphs as files.
- 🖼 Export PNG — grab the current output frame.
Share ▾ encodes the entire graph into a #cfg= URL. Options: embed loaded images, request the mic on open, or hide the UI for an output-only kiosk (a "◱ Show UI" chip brings it back). Send the link and it opens with your patch already running.