A browser-based image editor with AI-powered tools and Stable Diffusion integration — no installation required.
- Brush & Eraser — Adjustable size, opacity, and hardness
- Clone Stamp & Healing Brush — Remove blemishes and duplicate areas
- Selection Tools — Rectangle select, Lasso, and Magic Wand with tolerance control
- Crop, Rotate & Flip — Non-destructive image transforms
- Shape Tool — Draw rectangles, circles, lines with stroke/fill options
- Text Tool — Add and style text directly on the canvas
- Eyedropper & Fill — Sample colors and flood-fill regions
- Zoom & Hand — Smooth pan and zoom navigation
- Full suite of adjustment sliders: Brightness, Contrast, Exposure, Highlights, Shadows, Gamma, Saturation, Hue, Temperature, Tint, Vibrance, Sharpness, Blur, Noise Reduction, Vignette, Glow, and Grain
- 14 one-click filters: Vintage, Cinema, Noir, Warm, Cool, Dramatic, HDR, Sepia, Polaroid, Cyberpunk, Summer, Sunset, Arctic, Matrix
- Adjustable filter intensity for fine-tuned results
- Double-click any slider to instantly reset it to default
- Auto Enhance — Smart one-click image improvement
- Remove Background — Isolate subjects automatically
- Smart Object Removal — AI-powered eraser for unwanted elements
- Smart Select — Intelligent subject selection
- AI Upscale 2x — Enlarge images while preserving detail
- Auto Colorize — Add color to black-and-white photos
- Stable Diffusion Integration — Connect to a local SD instance for generative AI features
- Open single images or batch open multiple files
- Drag & drop support directly onto the canvas
- Export as PNG, or use Export As... for more formats
- Export for Web (optimized) and Export for Print (high resolution) presets
- New canvas creation with custom dimensions
- Full layer system — add, delete, reorder, toggle visibility, adjust opacity
- Up to 50 steps of undo/redo history
- Visual history panel to jump back to any state
- Before/After split view for comparing edits
- Photoshop-style menu bar with File, Edit, View, Image, and AI Tools menus
- Compact keyboard shortcuts for all major tools and actions
- Grid overlay toggle for precise alignment
- Responsive canvas with fit-to-screen and actual-size modes
| Action | Shortcut |
|---|---|
| Open Image | Ctrl+O |
| New Canvas | Ctrl+N |
| Save PNG | Ctrl+S |
| Export As | Ctrl+E |
| Undo | Ctrl+Z |
| Redo | Ctrl+Y |
| Zoom In/Out | Ctrl+= / Ctrl+- |
| Fit to Screen | Ctrl+0 |
| Actual Size | Ctrl+1 |
| Swap Colors | X |
| Deselect / Cancel | Escape |
| Delete Selection | Delete |
Tool shortcuts: V Move · M Select · L Lasso · W Magic Wand · C Crop · B Brush · E Eraser · S Clone Stamp · J Healing · T Text · U Shape · I Eyedropper · G Fill · Z Zoom · H Hand
Just open index.html in any modern browser. No build step needed.
# Install serve if you haven't already
npm install -g serve
# Clone the repo
git clone https://github.com/togg53192-cmd/PixelPro.git
cd PixelPro
# Start the local server
npm startThen open http://localhost:3456 in your browser.
To unlock generative AI features, run a local Automatic1111 Stable Diffusion WebUI instance with the API enabled:
# Launch with API access
./webui.sh --api # Linux/macOS
webui-user.bat --api # WindowsThen in PixelForge Pro, go to AI Tools → Stable Diffusion Settings and set the URL to http://127.0.0.1:7860.
PixelPro/
├── index.html # App shell and UI markup
├── styles.css # All styles and theming
├── app.js # Editor logic and tool implementations
└── package.json # Project metadata and start script
Works in all modern browsers that support the HTML5 Canvas API:
| Browser | Support |
|---|---|
| Chrome / Edge | ✅ Full |
| Firefox | ✅ Full |
| Safari | ✅ Full |
| Mobile browsers |
MIT — free to use, modify, and distribute.
Built with pure HTML5, CSS3, and vanilla JavaScript. No frameworks, no dependencies — just the web platform.