About this project

ImageCropKit is a browser-based image cropping platform aimed at screenshots, AI datasets, and passport or profile photos. The README emphasizes that all processing is local: no upload, no signup, and no watermark. Core capabilities described: - Single image cropping with free crop, aspect ratio presets, and exact pixel dimensions. - Screenshot cropping and trimming, including whitespace and edge trimming, for users who don't want to upload private captures. - AI dataset preparation with batch crop presets such as SD 1.5 (512x512) and SDXL (1024x1024), plus custom sizes. - Passport, headshot, avatar, and profile photo cropping. - Bulk crop: upload multiple images, apply a shared crop, and download the results as a ZIP. - Platform presets covering Instagram, TikTok, YouTube, Shopify, Amazon, Etsy, LinkedIn, and passport photos. - Shape cropping with circle and oval output for avatars and profile pictures. - Export to PNG, JPG, or WebP with quality control. How it works: a user uploads an image by drag and drop, click, or paste; selects a crop area or aspect ratio preset; adjusts the region; and exports. The README states that image processing runs in the browser using the HTML5 Canvas API, with no server upload, account, or watermark. Tech stack: Next.js 16 with the App Router and Turbopack, React 19 with TypeScript, Tailwind CSS 4, the Canvas API for image processing, react-image-crop for the crop UI, and JSZip plus file-saver for bulk downloads. Development uses pnpm (pnpm install, pnpm dev, then localhost:3000). The project structure organizes the app directory as one page per tool, including crop-image, crop-screenshot, trim-screenshot, ai-dataset-cropper, profile-photo-cropper, bulk-crop-images, crop-product-images, crop-image-for-instagram, crop-image-for-tiktok, crop-headshot, and circle-crop-image. Reusable components include CropEditor.tsx for the single-image editor, BulkCropEditor.tsx for the multi-image editor, and StructuredData.tsx for JSON-LD structured data. The lib directory holds utility functions such as cropImage.ts (the Canvas-based export pipeline), presets.ts (platform size presets), and siteConfig.ts. Contributions are welcomed via issues, and the project is released under the MIT license. A live site is linked from the README.