17 powerful tools · Zero uploads · No registration · Works offline · 100% free
🚀 Open App · 🛠 All Tools · 📖 Docs · ✍️ Blog · 🗺 Roadmap · 🐛 Report Bug
Most online image tools upload your files to a server, require an account, add watermarks, or limit file sizes. MultiMian ImageKit does none of that.
| MultiMian ImageKit | Typical Online Tool | |
|---|---|---|
| Files uploaded to server | ✅ Never | ❌ Always |
| Registration required | ✅ None | ❌ Often required |
| Watermark on output | ✅ Never | ❌ Sometimes |
| Works offline | ✅ Full PWA | ❌ No |
| File size limit | ✅ None | ❌ Usually 5–20 MB |
| OCR support | ✅ 10+ languages | |
| PDF tools | ✅ Built-in | ❌ Separate app |
| Open source | ✅ MIT License | Varies |
| Cost | ✅ Free forever | Free with limits |
| Tool | Description | Tech |
|---|---|---|
| ✨ Screenshot Studio | Frames, shadows & gradients. 8 preset scenes — macOS, Browser, Tweet, Glass, Code, Gradient | Canvas API |
| 🗜 Compress Image | Up to 90% size reduction. WebP/JPG/PNG. Live before/after comparison slider | Canvas API |
| ✂️ Resize Image | Custom dimensions + one-click social presets (Instagram, YouTube, Twitter, Facebook) | Canvas API |
| ✂️ Crop Image | Free crop, ratio lock (1:1, 16:9, 4:3), rule-of-thirds grid, social presets | Canvas API |
| 🔄 Convert Format | JPG ↔ PNG ↔ WebP with quality slider | Canvas API |
| 💧 Watermark | Text overlay, 6 positions including tile, custom font/color/opacity | Canvas API |
| 🔗 Merge Images | Side-by-side or stacked. Export as JPG, PNG or PDF | Canvas + jsPDF |
| 🌐 Share Anywhere | ImgBB upload → permanent link + QR code + social share | ImgBB API |
| 🔤 Extract Text (OCR) | 10+ languages. Copy, TXT or PDF export. Scanned document support | Tesseract.js |
| Tool | Description | Tech |
|---|---|---|
| 📝 Text Studio | Rich text editor. Export TXT, RTF, DOCX, PDF. Open .txt/.rtf/.docx. PDF → Text (with OCR fallback) | jsPDF + PDF.js |
| 🖼 PDF → Image | Convert every page to PNG/JPG. Individual or ZIP download. Up to 3× scale | PDF.js + JSZip |
| Tool | Description | Tech |
|---|---|---|
| 🎞 Image → GIF | Multi-frame animated GIF. Drag-to-reorder. Per-frame delay. Ping-pong mode | gif.js |
| 🎬 Video → GIF | Visual timeline trimmer. FPS control. Ping-pong. MP4/WebM/MOV/AVI | Canvas + gif.js |
| 🎨 Image → Sticker | 512×512 PNG/WebP for WhatsApp, Telegram & Discord | Canvas API |
| Tool | Description | Tech |
|---|---|---|
| 🌐 Favicon Generator | 8 sizes (16–512px) + SVG + HTML snippet + manifest.json as ZIP | Canvas + JSZip |
| 🪪 Passport Photo Maker | UK/EU, US, India, Pakistan standards. Print layouts. 300 DPI. PDF export | Canvas + jsPDF |
| ⬛ QR Code Generator | URL, WiFi, email, phone, text, vCard. PNG + SVG output. Custom colors | QRCode.js |
| Feature | Description |
|---|---|
| ⌘K Command Palette | Fuzzy search across all tools, aliases, categories and shortcuts |
| 🏠 Workspace Dashboard | Continue Editing, Popular Tools, Quick Actions, Today's Stats, Tips |
| 📊 Analytics Dashboard | Exports, MB saved, streaks, favorite tool, format breakdown |
| 🚀 Smart Optimize | One-click analyze + compress + convert automatically |
| 📦 Universal Export Pack | 1 image → 9 social sizes + WebP + favicon as ZIP |
| 🏥 Image Health Score | Score/100 with one-click fix suggestions |
| 🔗 Asset Pipeline | Upload once, continue across multiple tools |
| ⚡ Workflow Engine | Smart next-step suggestions after every action |
| 🗂 Batch Processing | Process multiple images with one operation |
| 📱 PWA + Offline | Install as app, all 17 tools work without internet |
| 🎨 Screenshot Annotations | Text, arrows, highlights, blur, emoji layers |
| 🎯 Keyboard Shortcuts | 1–9 for tools, 0 for home, Ctrl+K for search |
| 🌙 Dark/Light Mode | Persistent theme preference |
| 📱 Mobile Bottom Nav | Quick-access navigation bar on phones |
| 🔔 Toast Notifications | Non-blocking success, error, and info messages |
| 🎮 Interactive Playground | Sample images on homepage — try the app without uploading |
Browser
├── index.html → Single Page App (all 17 tools)
├── script.js → Core tool implementations (Canvas API)
├── phase2.js → Command palette, asset pipeline, PWA
├── phase3.js → Smart Optimize, batch, keyboard shortcuts
├── phase4.js → Lazy loading, achievements, design system
├── phase5.js → Accessibility, SS annotation layers
├── phase6.js → Workspace dashboard, analytics
├── phase7.js → Toast system, interactive playground
├── crop.js → Interactive canvas crop with handles
├── tools-sprint4.js → Favicon Generator + Passport Photo
├── sw.js → Service Worker v9 (offline/PWA)
└── styles/ → 8 CSS files (no preprocessor)
/tools/ → 18 SEO landing pages (one per tool)
/docs/ → 9 documentation pages
/blog/ → 5 educational articles
/roadmap/ → Public roadmap
/assets/ → Shared CSS + JS for landing pages
sitemap.xml → 60+ indexed URLs
Data flow:
User drops file
↓
Canvas API / File API (browser-native)
↓
Tool-specific processing
↙ ↘
Tesseract.js gif.js / PDF.js / JSZip
(OCR) (media / documents)
↓
triggerDownload() → Client-only blob URL
(zero server contact)
Zero server processing. Every single tool runs in the browser:
✅ Canvas API → compress, resize, crop, convert, watermark, merge
✅ Tesseract.js → OCR (Web Worker, downloaded once, cached)
✅ PDF.js → PDF parsing (Mozilla library, runs locally)
✅ gif.js → GIF encoding (Web Worker)
✅ JSZip → ZIP generation (in-memory)
✅ QRCode.js → QR generation (pure JS)
✅ jsPDF → PDF generation (pure JS)
✅ Service Worker → Caches all assets for offline use
❌ No analytics
❌ No tracking pixels
❌ No cookies
❌ No user accounts
❌ No server uploads (except Share Image tool, user-initiated)
Storage: Only localStorage and sessionStorage — theme, recent files, stats. Cleared by browser settings. Never synced anywhere.
| Metric | Target |
|---|---|
| Lighthouse Performance | 95+ |
| Lighthouse Accessibility | 100 |
| Lighthouse Best Practices | 100 |
| Lighthouse SEO | 100 |
| First Load (cached) | < 100ms |
| Works Offline | ✅ Full PWA |
| Mobile Responsive | ✅ All breakpoints |
| Keyboard Navigable | ✅ Full shortcuts |
| Library | Purpose | Size |
|---|---|---|
| Tesseract.js | OCR — text extraction | Loaded lazily |
| jsPDF | PDF generation | ~300 KB |
| PDF.js | PDF parsing and rendering | Loaded lazily |
| gif.js | GIF encoding via Web Worker | Loaded lazily |
| JSZip | ZIP file generation | ~100 KB |
| QRCode.js | QR code generation | ~20 KB |
| Canvas API | All image manipulation | Browser-native |
| Service Worker | PWA + offline caching | ~2 KB |
| Web Workers | Background compression | Inline |
Zero build tools · Zero frameworks · Pure HTML/CSS/Vanilla JS (ES6+)
Option 1 — Use the live app (recommended):
👉 mianhassam96.github.io/MultiMian-ImageKit
Option 2 — Install as PWA:
- Open the app in Chrome or Edge
- Click the install prompt (bottom of page) or browser menu → Install
- All 17 tools now work fully offline
Option 3 — Run locally:
git clone https://github.com/Mianhassam96/MultiMian-ImageKit.git
cd MultiMian-ImageKit
# Open index.html in any modern browser
# No npm install · No build step · Just open and use
# For PWA/SW testing use a local server:
npx serve .
# or
python -m http.server 8080| Browser | Version | Notes |
|---|---|---|
| Chrome | 90+ | ✅ Full — best performance, PWA install |
| Edge | 90+ | ✅ Full — same as Chrome |
| Firefox | 88+ | ✅ Full — no PWA install prompt on desktop |
| Safari | 14+ | ✅ Full — WebP and PWA (iOS home screen) |
| Mobile Chrome | Any | ✅ Full |
| Mobile Safari | iOS 14+ | ✅ Full |
- 17 browser-based tools including OCR, PDF, GIF, QR Code
- Premium homepage with mega nav, trust badges, FAQ
- PWA with Service Worker v9 (full offline)
- SEO landing pages for all tools (18 pages)
- Documentation center (8 pages)
- Blog learning center (5 articles)
- Workspace dashboard + analytics + toast system
- Roadmap page, CONTRIBUTING, SECURITY, CODE_OF_CONDUCT
- 🤖 AI Background Remover (client-side ML)
- 📈 AI Image Upscaler
- 🎨 AI Image Enhance + Colorizer
- 🔍 HEIC → JPG Converter
- 📋 Image Metadata Viewer/Editor
- 👤 Auto Face Blur
- 🎨 Color Palette Extractor
- 🔍 Image Compare Slider
We welcome contributions of all kinds — bug fixes, new tools, documentation improvements, and feature suggestions.
- Fork the repository
- Create your branch:
git checkout -b feat/my-feature - Commit your changes:
git commit -m 'feat: add my feature' - Push and open a Pull Request
→ CONTRIBUTING.md — full guide with code style, checklist, and architecture notes
→ Open an Issue — bug reports and feature requests welcome
→ Public Roadmap — see what's planned
MIT License — Free for personal and commercial use.
See LICENSE for full text.
Built with ♥ by Mian Hassam
If this project helped you, please consider giving it a ⭐ — it helps others discover it!
