FitMyBit is a lightweight, high-performance web image editor. It is designed for developers and creators who need a fast way to manipulate images without the overhead of heavy software or external processing.
Privacy-First: All image processing occurs locally in the browser. No data is ever uploaded to a server, ensuring your files remain secure and private.
- Custom Canvas Control: Set precise dimensions or use built-in presets for 1080p and Social Media. Supports saving custom user presets for repetitive workflows.
- Visual Crop Tool: Interactive canvas-based cropping with a rule-of-thirds grid and intuitive handle controls.
- Background Engine: Toggle between transparency, solid colors, or a modern blurred background effect generated dynamically from the source image.
- Bulk Processing: Apply consistent canvas settings to multiple images and export them all at once, significantly reducing manual work.
- State Management: Full Undo/Redo history with OS-aware keyboard shortcuts (Cmd/Ctrl + Z/Y).
- Format Flexibility: Export in PNG, JPEG, or WebP formats with adjustable quality control.
The project focuses on a minimalist footprint with modern tooling. The entire application logic is contained within a single optimized component file.
| Technology | Role |
|---|---|
| React 18 | UI framework and state management |
| Tailwind CSS 4 | Utility-first styling engine |
| Vite 6 | Build tool and fast development server |
| Canvas API | Native client-side image manipulation |
- Node.js 18 or later
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/fitmybit-image-studio.git- Navigate to the project directory:
cd fitmybit-image-studio- Install dependencies:
npm install- Run the development server:
npm run devThe application will be available at http://localhost:5173 (or the next available port if 5173 is taken).
This tool was developed to solve the need for a quick, browser-based utility for standardizing image sizes and formats. FitMyBit utilizes local browser resources to handle everyday image processing tasks instantly, ensuring maximum speed and data security.
This project is licensed under the MIT License. See the LICENSE file for more details.
Developed by Johny Domanský in collaboration with Claude Code.