litt.design

Ergon

A browser-based creative coding studio for generative art. Write code templates, tweak parameters in real time, and export visual output — Processing meets a polished desktop IDE.

Creative Tool2026

Challenge

Creative coding needs better tools

Existing creative coding environments feel dated or require too much boilerplate. Designers want to experiment with generative visuals without wrestling with build systems.

Approach

Code-first, parameter-driven

Built a studio with live code editing, a template system, and a parameter panel that exposes every tweakable value. Changes render instantly on canvas.

Execution

One loop from idea to export

CodeMirror editor with custom completions, a Zustand store driving the render pipeline, and one-click export to PNG, SVG, or video.

Result

Ship generative work faster

A polished studio that collapses the distance between writing code and seeing output, with templates that get you from zero to interesting in seconds.

Stack

Next.jsTypeScriptWebGLCodeMirrorZustand

Next

Wavr