KAZ Image Craft

Lightweight front-end image editing tool. Crop, rotate, and preview images before upload, fully implemented in JavaScript with zero dependencies.

🚀 Features

  • 🖼️ Image Preview - Preview images before upload, supports cropping and rotation
  • ✂️ Crop & Rotate - Free crop, rotation dial, supports flipping
  • 🗂️ Multi-Image Management - Manage multiple images per input, supports drag-and-drop sorting
  • ♻️ Reset - Restore original image state with one click
  • 🚫 Duplicate Detection - Automatically detect and prevent duplicate uploads
  • ⚙️ Zero Dependencies - Pure JavaScript, no frameworks or libraries required

📝 Usage

  1. 1. Include Files - Add CSS and JS files (local or CDN)
  2. 2. Add Elements - Add <input type="file"> in form, use data-max to limit uploads
  3. 3.
    Initialize
    document.addEventListener('DOMContentLoaded', () => {
      KazImageCraft._init('kaz-file-input', 'kaz-upload-form');
    });
  4. 4.
    Form Submission
    KazImageCraft.injectAllFiles();
    form.submit();

🌐 Multilanguage Support

Provides multiple language files (e.g., en-us.js, zh-cn.js), can replace or customize UI texts.

💡 Use Cases

Perfect for portfolios, admin panels, or rich content editors, providing a clean, efficient, and distraction-free user experience.

🔗 Links

📄 License

MIT License