Introduction
Welcome to the OpenGPEX documentation — the comprehensive reference for the open-source, industrial-grade web image editor.
What is OpenGPEX?
OpenGPEX (Open Graphix Editor) is a high-performance, browser-native image editor built for professional workflows. It handles massive resolutions (up to 16K), supports non-destructive editing, and provides a fully extensible plugin system — all running entirely in your browser.
Key Features
- Tiled Rendering & Web Worker Synthesis — Chunks massive images into tiles with Mipmap pyramids, offloading synthesis to Web Workers via OffscreenCanvas. No more
Out of Memoryerrors. - 60fps Dual-Track State Management — High-frequency interactions bypass React's Virtual DOM using a mutable "Fast Track" reference for butter-smooth performance.
- TimeTravel (Incremental Undo) — Powered by Immer JSON Patches for near-zero memory footprint undo/redo with viewport stability.
- Non-Destructive Editing & CAS Storage — Original pixels are immutably stored using Content-Addressable Storage (SHA-256). All edits are mathematical derivatives.
- Extensible Plugin System — A metadata-driven registry with strict slot isolation allows developers to inject custom tools, panels, overlays, and backstage services.
Technology Stack
| Layer | Technology |
|---|---|
| Framework | Next.js 15 (React 19) |
| State | Immer + Custom Zustand-like Store |
| Styling | Tailwind CSS v4 |
| Edge/Worker | Cloudflare Workers & WASM |
| Animation | Framer Motion & GSAP |
Deployment Models
OpenGPEX supports three deployment modes:
- Local Development — Run on your machine with
pnpm dev - Self-Hosted — Deploy to your own infrastructure (Docker, VPS, etc.)
- GPEX-Cloud SaaS — Official cloud service with storage, auth, and collaboration
License
OpenGPEX is released under the GPL-3.0 license. Contributions are welcome via GitHub.
Last updated: 2026-06-14