EffectSoup/Docs

EffectSoup is a browser-based, non-AI image transformation engine. Every pixel is processed in a Web Worker on your device — no uploads, no AI, no hidden limits.

Getting Started

New here? Start with these:

PageWhat you'll learn
IntroductionWhat EffectSoup is, how rendering works, package overview
Installationnpm/pnpm setup, requirements, minimal example
QuickstartOpen the playground, apply an effect, export — in 5 minutes

Guides

Goal-oriented how-to guides:

PageWhat you'll learn
Upload & Crop GuideLoad, replace, remove images; crop, zoom, offset
Effect Controls GuideIntensity slider, advanced controls, resetting
Exporting GuideFormat, quality, and resolution options
Creating an EffectEffectPreset anatomy, registration, best practices
Testing EffectsVitest patterns for presets and core
PerformanceWorkers, preview resolution, buffer tips

Reference

Complete API and configuration documentation:

PageWhat you'll find
Editor OverviewUI layout, history/undo, compare, mobile
Effects CatalogAll 24+ presets by category
@effectsoup/core39 functions, 22 types — buffer, color, dither, ASCII, glow, distortion
@effectsoup/presetsEffectPreset types, lookup functions, shared controls
@effectsoup/workerEffectsWorkerClient, render options, versioning
@effectsoup/effectsoupMeta-package re-exports

Concepts

Explanations of how EffectSoup works:

PageWhat you'll learn
ArchitectureMonorepo layout, render flow, worker lifecycle
TroubleshootingCommon issues and their solutions
FAQFrequently asked questions