Isol8 (temporarily styled isol8-temp) is a Next.js application designed to provide instant, strict-privacy background removal directly in your browser. Using the latest WebAssembly and WebGPU advancements via HuggingFace Transformers.js, it prevents the need for any external server or cloud uploads to run complex ML operations.
- 100% Client-Side Processing: Files never leave your device.
- Hardware Acceleration: Automatically selects WebGPU for millisecond inferencing, with WASM fp16/fp32 fallbacks.
- Interactive Editing Canvas: Refine boundaries using an interactive Eraser, Restore Brush, and Magic Wand (BFS flood-fill).
- Format Flexibility: Export your results natively to PNG, JPEG, or WEBP, with automatic transparent padding trimming.
First, install dependencies:
npm installStart the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
To help onboard developers and maintainers into the architectural decisions of this codebase, please review the extensive documentation we have mapped out in the /docs directory.
- 📚 Project Structure Overview
- ⚙️ Root Configuration & Next.js Setup
- 🎨 UI Components & Canvas Engine
- 🧠 Machine Learning Features (Magic Wand / BG Remover)
- 💾 Global State Management (Zustand) & Utilities
- 🤖 HuggingFace Transformers.js Integration Details
- Core Framework:
Next.js 16.1(React 19.2) - Styling:
Tailwind CSS v4 - Global State:
Zustand 5.0 - UI & Animations:
radix-ui,shadcn/ui,lucide-react,framer-motion 12,tw-animate-css - Machine Learning:
@huggingface/transformers 3.8.1(briaai/RMBG-1.4) - PWA Support:
next-pwa