Image Morpher

A modern web application for creating beautiful before/after image comparisons with a draggable diagonal splitter and lossless export.

Core Features

• Interactive Comparison: Draggable diagonal splitter with adjustable angles (-45° to +45°).
• High-Resolution Export: Download your results in PNG, JPEG, WebP, or AVIF formats at original image resolution.
• Precision Cropping: Fine-tune your images with pixel-perfect top, bottom, left, and right cropping.
• Customizable Splitter: Adjust the divider's color, width, and shadow to match your aesthetic.
• Solid Color Infills: Use solid colors as an alternative to images for either the "Before" or "After" slots.
• Responsive Design: Optimized for both desktop and mobile devices with touch support.

Sample Result

About the Tool / AI Disclaimer

"This tool was born from a lack of high-quality image comparison utilities and a desire to explore the full capabilities of the JetBrains July Agent. It was built using 'vibe-coding' techniques to create a seamless user experience."

• No active AI runs during use; the tool relies purely on standard web technologies like JavaScript and the Canvas API.
• If you prefer to avoid tools developed with AI assistance, we respect your choice to discontinue use of this site.

Tech Stack

• Vue 3 (Composition API)
• Vite
• TypeScript
• Tailwind CSS 4
• daisyUI
• Lucide Icons
• HTML5 Canvas API

Privacy & Data

• All image processing is performed locally in your browser—no files are ever uploaded to a server.
• Your images are never stored or cached on any external system.
• We do not collect personal data or track usage (standard server access logs notwithstanding).
• The application is hosted by Strato AG in Germany.

Getting Started

1. Clone the repository.
2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

License

© 2026 CBx0. All rights reserved. Built with Vue 3, Tailwind CSS 4, DaisyUI & Lucide Icons.