---
title: "ImageFX"
description: "Browser-based GPU image and effect editor. Drop in a photo, video, or a blank canvas, then stack ~100 non-destructive effects — grades, blurs, fluids, GLSL, and generative sims — all composited in the viewport."
canonical: https://kwnva.design/work/imagefx-studio
last-updated: 2026-08-30
---

# ImageFX

2026 · Web app · 

Browser-based GPU image and effect editor. Drop in a photo, video, or a blank canvas, then stack ~100 non-destructive effects — grades, blurs, fluids, GLSL, and generative sims — all composited in the viewport.

- Role: 
- Stack: 
- Live: imagefx.studio

No install for day-to-day use: serve the folder, open it in a Chromium browser, and work locally. Projects autosave in the browser; export stills, HDR, or recorded video when you are done.

Features

• Layer stack — images, video, PNG sequences, solids, gradients, text, and adjustment effects. Groups, folders, clip-to-below, blend modes, Blend If, dissolve, and masks.

• ~100 effects — color/tone (Curves, Levels, LUTs), blur & warp, grain & print, fluids & reaction-diffusion, light & surface, Shader Lab GLSL, Path Editor, Nebula, and more. See [EFFECTS.md](EFFECTS.md).

• WebGL2 / WebGPU — GPU-first rendering with CPU fallbacks where needed. Canvas up to 8000×8000, sRGB or Display P3, 8-bit or 16-bit float.

• Path Editor — pen, shapes, Bézier handles, booleans, fill/stroke. Paths can drive Vector Blur (path-tangent flow).

• Shader Lab — paste or generate a imagefxMain(uv, source) fragment; named sliders become uniforms. Compiles first; a failed shader leaves the document unchanged.

• AI dock (Ctrl/Cmd+J) — Ask, Create, Web, and Shader modes (Gemini key stored only in this browser). /help and @EffectName work offline from [EFFECTS.md](EFFECTS.md).

• Export — PNG, JPG, WebP, AVIF, AVIF HDR, Radiance .hdr. Record WebM/MP4. Batch-apply a stack to a folder of images.

• Projects — .imgfx (ZIP) save/load, IndexedDB autosave, per-effect and layer-stack presets.