Skip to content

Latest commit

 

History

History
91 lines (63 loc) · 2.35 KB

README.md

File metadata and controls

91 lines (63 loc) · 2.35 KB
Raw

InCrop 🖼️

Netlify Status

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