Changelog

Generate Gradients from Images: Upload a photo or paste an image to automatically extract a color palette and generate a mesh gradient. The tool analyzes your image to identify up to 9 unique colors, placing them as gradient points for a seamless transition from your photo to a gradient design.

Interactive Gradient Customization: Add, remove, or reposition gradient points directly on the canvas. Drag points to adjust their positions, and the tool dynamically updates the gradient in real-time, giving you full control over the design. Supports up to 10 gradient points for complex, multi-color effects.

Real-Time Color Sampling: As you move gradient points over the uploaded image, the tool samples the color at each point’s new position, ensuring your gradient reflects the exact hues of your image. This feature makes it easy to fine-tune the gradient to match your vision.

Flexible Export Options: Export your mesh gradient as a PNG image for use in your projects, or download the gradient as a standalone p5.js sketch for further customization. The tool also supports sharing your gradient directly via the browser’s share API on supported devices.

Responsive Canvas Sizing: The gradient canvas automatically adjusts to your specified dimensions while maintaining aspect ratio, with a maximum size of 648x648 pixels. Customize the width and height to fit your project needs, ensuring the gradient looks perfect on any screen.

Advanced Shader Effects: Powered by WebGL shaders, the tool offers advanced effects like warp, noise, and gradient type variations (e.g., linear, radial). Adjust parameters like warp ratio, warp size, and noise ratio to create unique, fluid gradient patterns.

User-Friendly Interface: Designed for all skill levels, the tool features an intuitive upload panel with drag-and-drop support, paste functionality, and a clean layout. Visual feedback, like a loading indicator and animated transitions, ensures a smooth and engaging user experience.

Mobile and Desktop Support: Fully responsive design with touch support for mobile devices. Double-tap to toggle gradient point visibility on mobile, and use mouse or touch to drag points, making the tool accessible across all devices.

Enhanced Filtering: Users can now refine searches based on colors, styles, and topics.

Ordering Options: Choose between Trending, Latest, and Popular to sort results effectively.

Seamless UI: Improved design and interactivity for an intuitive search experience.

Faster Profile Loading: Optimized profile page performance for a snappier experience.

Skeleton Loader: Implemented a skeleton loader for seamless UI transitions while data is being fetched.