Watermark Pro

Watermark Pro is a next-generation, high-performance web tool designed for creators to secure their digital work with professional-grade watermarks. Built with a focus on privacy, aesthetics, and user experience.

✨ Features

• Next-Gen UI: A stunning, futuristic interface using glassmorphism, mesh gradients, and smooth micro-animations.
• Privacy First: All image processing happens 100% locally in your browser. Your images are never uploaded to any server.
• High Performance: Native Canvas-based rendering engine ensuring lightning-fast performance and high-resolution output.
• Real-time Customization:
  • Adjust text content, font size, and color.
  • Control rotation angle and opacity.
  • Fine-tune tiling gap and offsets for perfect coverage.
• Full Responsive: Works seamlessly across desktops, tablets, and mobile devices.

🚀 Tech Stack

• Framework: React 19
• Styling: Tailwind CSS v4
• Animations: Framer Motion
• Icons: Lucide React
• UI Components: Ant Design
• Build Tool: Vite

🛠️ Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/RadishoNeo/react-watermark-tool.git

2. Navigate to the project directory:

   cd react-watermark-tool

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

📖 Usage

1. Upload: Click the central zone or drag-and-drop an image.
2. Edit: Use the right sidebar to customize your watermark settings.
3. Preview: See changes instantly in the interactive preview area.
4. Export: Click "Download Result" to save your watermarked image locally.

👤 Author

RadishoNeo

• GitHub: @RadishoNeo

📄 License

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

---

Made with ❤️ by RadishoNeo