Image editing,
the Svelte way.
svelte-chop-chop is an open-source image editor SDK for Svelte 5. Crop, rotate, flip, apply filters and export — all with a clean headless composable API and ready-to-use components.
npm i @we-are-singular/svelte-chop-chop Try it live
Crop, rotate, apply filters, add a watermark or frame — then hit Done to export.
Everything you need
Flexible cropping
Free crop, fixed ratios, size constraints, crop-outside-image. Keyboard and touch ready.
17+ filter presets
Instagram-style color matrix filters: Clarendon, Moon, Lark, Chrome and more.
Finetune controls
Brightness, contrast, saturation, exposure, temperature, clarity and gamma sliders.
Image transforms
Rotate, flip horizontal/vertical, zoom and pan with canvas preview and full export.
Frames & watermarks
Decorative frame overlays (solid, line, hook) and text watermarks applied at export.
Plugin architecture
Register toolbar actions, panels, keyboard shortcuts and canvas post-processors.
Headless composables
Full control with createCropper and createImageEditor — bring your own UI.
Zero dependencies
No runtime npm deps. Only peerDep is svelte ^5. Keep your bundle lean.
TypeScript-first
Fully typed public API. Strict tsconfig. JSDoc on every exported symbol.