InCrop 🖼️

Redefine your images, your way! InCrop is the ultimate tool for inverse cropping, letting you seamlessly remove the center of your photos and bring edges together for a unique, standout effect. Crop smarter, not harder!

✨ Features

• Inverse Cropping: Remove center sections while maintaining image integrity
• Dual Modes: Choose between horizontal or vertical inverse cropping
• Precision Control: Pixel-perfect selection with real-time preview
• Multiple Formats: Support for PNG, JPEG, and WebP
• User-Friendly: Intuitive interface with drag-and-drop support

🚀 Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm, pnpm or yarn

Installation

# Clone the repository
git clone https://github.com/logickoder/incrop.git

# Navigate to the project directory
cd incrop

# Install dependencies
npm install
# or
yarn install
# or
pnpm install

# Start the development server
npm run dev
# or
yarn dev
# or
pnpm dev

🛠️ Built With

• React + Vite + Vike
• TypeScript
• Tailwind CSS
• DaisyUI
• Canvas API
• Cropper.js

📖 Usage

1. Upload Image: Drag and drop your image or use the file picker
2. Select Mode: Choose between horizontal or vertical inverse cropping
3. Adjust Selection: Define the center area you want to remove
4. Preview: See the result in real-time
5. Export: Download your transformed image

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Inspired by the need for creative image manipulation tools
• Thanks to all contributors who have helped shape InCrop

📧 Contact

Project Link: https://github.com/logickoder/incrop

---

Made with ❤️ by Jeffery Orazulike