I had been using blend modes in various projects for a long time, so I decided to create a small project for my own use. Later, I thought it could benefit others, so I turned it into an open-source project. That's how this Image Blender project was born.
Check it out:
Live Demo: Image Blender
GitHub Repository: Image Blender Repo
Features:
-
Blend Mode with different blend effects
-
Layer Opacity, Layer Color, Gradient Direction, From, Via, To Point, Aspect Ratio
-
Some Default Presets
-
Image Upload, Customization, and Download Options
-
Live preview feature: You can see changes in real-time as you customize your image.
-
Preview and copy the generated Tailwind CSS code, which you can easily use in your Tailwind CSS project.
-
External image links can also be used. You can preview the image, customize it, and copy the code. However, due to restrictions, you cannot download images from external links. Instead, you can upload any image from your device, customize it, and then download it.
-
There are some cool and unique presets available, but you need to sign up to access them. Simply click the 'Unique Preset' button at the bottom center to begin. Give it a try!
- Dark Mode feature
Don’t forget to check the pop-up message in the bottom left corner—this one is specially for you!
I’ve tried to follow the DDD pattern and KISS principle in this project. Feel free to share any feedback or suggestions.
If this project has been helpful or you liked it, don’t forget to leave a review or give it a star. Love Open Source ❤️