Whenever I needed to resize a passport photo to an exact KB limit, or add a signature to a form, I ended up on sketch websites that felt like massive privacy nightmares. Uploading my personal IDs to random servers just to format them never sat right with me.
I just wanted a clean workspace to handle annoying document formatting locally.
So over the past bit, I built Toolzap. It’s a collection of 10 tools designed to cut through red tape, and the main feature is that it is 100% client-side.
There is no backend. No login screens. Your files literally never leave your browser.
What it does:
I included 10 tools in the kit, but the ones I use the most are:
Ink Signature Simulator: Generates digital signatures that actually bleed into the paper fibers so they look like real liquid ink.
Exact Image Resizer: Compresses files to hit a precise target size in KB.
Stamp Maker: Generates realistic company stamps with pressure variance.
Document FX: Simulates mobile scans and black-and-white photocopies.
The Tech Stack
I built the whole thing using Next.js. For the heavy lifting on the visual effects (like the ink bleed and the stamp pressure variance), I relied heavily on HTML5 Canvas. Figuring out how to simulate organic liquid displacement purely in the browser without server-side image processing was a fun headache.
I'm releasing it completely for free. No ads right now, no premium tiers.
You can check it out here: https://www.toolzap.app
If anyone has experience working with Canvas performance or image manipulation in React, I’d love to hear your feedback on how the ink rendering feels! Let me know if you catch any bugs.
Top comments (0)