KLON TOOL
Version 0.33
Version 0.33
OVERVIEW
LICENSE
SUPPORT
KLON is a web-based tool for creating collage and mashup graphics from any images using an interactive grid. With a mouse or touchpad, users can pick an area of a source image to turn it into a “slice brush” and paint with it on the canvas. Each brush frame can change in size and snap to the grid, allowing flexible, block-based compositions built from image fragments.
Take a look on the Behance project to discover what you can make with this tool:
http://www.behance.net/gallery/188680161/KLON-Copy-Paste-Web-Tool
Basic Use:
With a mouse:
To change the selection area size, please hold the right mouse button and move the mouse, while the cursor is over the canvas. To draw, please click (and hold) the left mouse button to draw on the canvas.
With a touchpad:
For changing the selection area size, scrolling with two fingers on touchpad, while the cursor is over the canvas. To draw, please click (and hold) with one finger on the touchpad to draw on the canvas.
Hotkeys:
For ease of use, all the major actions in the program are tied to hotkeys, and I highly recommend using them.
C Clear the canvas area
M Toggle between Draw modes
S Toggle Select Data modes
A Clear Buffer for Select Data
E Switch to Erase mode
I Hide / show original image
D Download result in PNG format
T Switch between shape types
R Rotate selected shape
G Snap selection to the grid
H Hide / show grid on canvas
↑↓ UP / DOWN Cursor keys for changing vertical grid space
←→ LEFT / RIGHT Cursor keys for changing horizontal grid space
Take a look on the Behance project to discover what you can make with this tool:
http://www.behance.net/gallery/188680161/KLON-Copy-Paste-Web-Tool
Basic Use:
With a mouse:
To change the selection area size, please hold the right mouse button and move the mouse, while the cursor is over the canvas. To draw, please click (and hold) the left mouse button to draw on the canvas.
With a touchpad:
For changing the selection area size, scrolling with two fingers on touchpad, while the cursor is over the canvas. To draw, please click (and hold) with one finger on the touchpad to draw on the canvas.
Hotkeys:
For ease of use, all the major actions in the program are tied to hotkeys, and I highly recommend using them.
C Clear the canvas area
M Toggle between Draw modes
S Toggle Select Data modes
A Clear Buffer for Select Data
E Switch to Erase mode
I Hide / show original image
D Download result in PNG format
T Switch between shape types
R Rotate selected shape
G Snap selection to the grid
H Hide / show grid on canvas
↑↓ UP / DOWN Cursor keys for changing vertical grid space
←→ LEFT / RIGHT Cursor keys for changing horizontal grid space
The tool requires a valid license key or active subscription to be used without export watermarks.
If you're using the tool without a license, it runs in Unlicensed mode - fully functional, but with watermarks on all exports. This mode is intended for evaluation and testing only. Public sharing of unlicensed outputs is only allowed with proper credit (e.g. tag @antl.ii or link to antlii.work).
To unlock full usage rights and remove watermarks, please purchase a license or subscribe:
Buy a license key:
https://antlii.gumroad.com/l/klon-license-key
All-tools subscription (commercial use included):
https://antlii.gumroad.com/l/antlii-tools-access
By using any tool on https://antlii.work, you agree to the License Agreement. The agreement explains usage rights for Personal and Commercial licenses, subscription terms, and examples of what’s allowed.
If you're using the tool without a license, it runs in Unlicensed mode - fully functional, but with watermarks on all exports. This mode is intended for evaluation and testing only. Public sharing of unlicensed outputs is only allowed with proper credit (e.g. tag @antl.ii or link to antlii.work).
To unlock full usage rights and remove watermarks, please purchase a license or subscribe:
Buy a license key:
https://antlii.gumroad.com/l/klon-license-key
All-tools subscription (commercial use included):
https://antlii.gumroad.com/l/antlii-tools-access
By using any tool on https://antlii.work, you agree to the License Agreement. The agreement explains usage rights for Personal and Commercial licenses, subscription terms, and examples of what’s allowed.
The tool accepts raster images in JPG, PNG, WEBP formats as source material, and it also support transparency. Please keep in mind that this tool has been designed to work best with the Chrome browser. The usability and performance of the program depends on the power of your processor.
Please let me know if you're running into any issues or discover a bug while using the program.
0.33 (Jul 08, 2025)
Credits:
I would like to acknowledge the use of several third-party libraries within this project and express my sincere gratitude to their creators for making these resources available:
Please let me know if you're running into any issues or discover a bug while using the program.
Change Log:
0.33 (Jul 08, 2025)
- External License Verification: Moved license key checks to a dedicated external script for easier maintenance;
- Global Stylesheet: Replaced the local style.css with a unified global stylesheet to streamline styling;
- Global Popup Notifications: Integrated an external popup script to handle alerts, warnings, and errors in a consistent, user-friendly modal;
- Improved Hotkey Handling: Hotkeys are now disabled when the cursor is over any UI panel or when modifier/system keys are in use, preventing conflicts with native system functions;
- Updated Events: Refactored event handling and drag-and-drop workflows with real-time visual feedback on the canvas;
- Local Storage Changes: Minor changes in saving the tool settings into local storage;
- Minor Tweaks: Made various small UI refinements and under-the-hood adjustments.
Credits:
I would like to acknowledge the use of several third-party libraries within this project and express my sincere gratitude to their creators for making these resources available:
- The p5.js Creative Coding Library, a product of the collective efforts of an incredible team;
- The Tweakpane interface library, ingeniously developed by Hiroki Kokubun;