Noisemaker

Noisemaker is an extendable shader art engine for the browser. It renders real-time generative art and visual effects on WebGL2 and WebGPU. It includes 100+ composable effects and a compact declarative DSL to connect them. It requires no build step or dependencies.

Noisedeck

Noisedeck is a real-time shader video synth built on Noisemaker — 100+ effects, free-form routing, runs in the browser. No install required. Try it free.

Documentation

Full documentation, including the complete API reference and preset guide, is available at docs.noisemaker.app.

Features

• 100+ shader effects — generators, filters, mixers, particles, and simulations — composable into free-form chains
• Polymorphic DSL: compact, declarative programs that compile to a GPU render graph
• Dual rendering backends: WebGL2 and WebGPU
• Runs straight from a CDN bundle and embeds in any page, no frontend framework required
• External media, audio, and MIDI inputs
• Portable effect packages carrying definitions, help docs, and shaders for both backends
• Python and JavaScript pipelines for offline CPU workflows (CLI, Docker, Colab notebook)

Getting Started

The documentation index covers installation, CLI usage, API walkthroughs, and advanced workflows. It also includes quick-start guides for Python, browser modules, and Docker. The dedicated READMEs below provide platform-specific guides.

Bring your coding agent

Coding agents can read the documentation in machine-readable form: llms.txt and llms-full.txt. Every effect includes a structured definition and a manifest entry. These resources cover DSL composition and custom GLSL and WGSL effects in the Portable Effects format.

shade-mcp drives a real browser to compile effects, render frames, check each uniform's effect, and compare WebGL2 with WebGPU. See Building with coding agents for the full workflow.

Contributing

Issues and pull requests are welcome! Review the Code of Conduct. Follow the contribution guidelines in the docs before opening changes.

Ports

Additional platform-specific guides:

• Python development and API details live in the docs linked above
• The JavaScript README covers the JavaScript presets port
• The Shaders README documents the shader effects port
• Container workflows appear in the Docker README

Credits

Noisemaker's shader effects build on work shared by the creative coding community. See CREDITS.md for attributions.

License

Noisemaker is released under the MIT License. Use of name in derivative products is subject to the Trademark Policy.

Copyright © 2017–2026 Noise Factor LLC