PixelFlow is high-performance, 100% client-side image editing engine. Built for efficiency, privacy, and precision, it allows you to manipulate high-resolution images directly in your browser without sacrificing speed or security.
- Library-Free Cropping: A custom-built, high-performance cropping engine with zero dependencies.
- Selective Trimming: Multi-axis trimming (Top, Bottom, Left, Right) with percentage-based accuracy.
- Interactive Canvas: Drag-and-drop selection handles synchronized with hardware-accelerated masks.
- Innovative Filters: Beyond basic adjustments—experience Grain/Noise, Vignette, and Pixelate logic built from scratch.
- Creative Presets: One-click professional looks including Vivid, Mono, Cyber, Retro, and Vintage.
- Fine-Tuning: Precise Control over Brightness, Contrast, Saturation, Temperature, and Hue.
- State-of-the-Art Transformation: Multi-pass rotation (90° steps) and bidirectional flipping.
- Smart Compression: Web Worker-powered image compression to optimize file size without hanging the UI.
- Multi-Format Export: Support for JPEG, PNG, and WebP with custom quality and resolution scaling.
- Privacy First: Zero-knowledge processing. Your masterpiece never leaves your machine.
- RequestAnimationFrame: Frame-synced UI updates for butter-smooth dragging.
- GPU Acceleration: Utilizes the modern Canvas 2D
ctx.filterAPI for lightning-fast real-time previews. - Memory Management: Automatic Blob URL revocation and component memoization to prevent RAM leaks.
- Framework: React 19 (Latest)
- Styling: Tailwind CSS & Modern CSS Filters
- Icons: Lucide React
- Engine: Native Canvas API + Web Workers
- Optimization: browser-image-compression
-
Install dependencies:
pnpm install
-
Run development server:
pnpm dev
-
Build for production:
pnpm build
Built with passion for the modern web.
