100% Client-Side & Privacy-First Web Utilities
All-in-One Developer & Designer Station
Boost your workflow with zero-upload utilities. Instant JSON formatting, SVG compression, CSS tools, and technical cheat sheets directly in your browser.
Data processing happens strictly inside your browser memory. Zero file uploads.
Code Tools
- JSON Formatter & Validator
- Base64 Encoder / Decoder
- Regex Tester & Debugger
Design Tools
- WCAG Color Contrast Checker
- CSS Gradient Generator
- CSS Box Shadow Generator
Media Tools
- SVG to PNG/ICO Converter
- WebP Image Converter
- Client-Side Image Compressor
Why “client-side” means what it says
Every tool runs on your device with the browser's own APIs — JSON.parse and JSON.stringify for the formatter, btoa/atob plus the Web Crypto API for Base64, and canvas for image conversion and compression. There is no backend to POST to: no account, no upload endpoint, no server-side renderer. What you paste lives in the tab's memory and is gone when you close it.
You do not have to take this page's word for it. Open the Network panel in your browser's developer tools, drop a 40 MB photo into the image compressor, and watch — the only requests are the static files that load the site itself and the Google AdSense ad script. Your file is never among them. That is the property that matters when you are pasting an API key, a session token, or a client's pre-launch asset: none of it traverses the network.
The trade-offs are real, so they are worth saying out loud. Heavy work runs on your CPU and RAM, which is why a multi-megabyte JSON document or a huge image can stall the tab for a moment — split big inputs first. And because nothing is stored, there is no history and no cross-device sync. Close the tab and it is gone, which is exactly the point.
Everything on the site, in one pass
- JSON Formatter & Validator
Validate, pretty-print and minify JSON, with exact line/column error reporting.
- Base64 Encoder / Decoder
UTF-8-safe encode and decode for text, files and data URIs.
- Regex Tester & Debugger
Live match and capture-group highlighting with clear error hints.
- WCAG Color Contrast Checker
AA/AAA pass-fail with the exact contrast ratio, not a guess.
- CSS Gradient Generator
Linear and radial gradients with editable stops and copy-paste CSS.
- CSS Box Shadow Generator
Stack and tune layered shadows, then export the full declaration.
- SVG to PNG/ICO Converter
Rasterize SVG at any size, or bundle multi-size favicons into one ICO.
- WebP Image Converter
Lossy or lossless WebP with a size preview before you download.
- Client-Side Image Compressor
Shrink photos locally and compare quality before/after at full size.
Cheat sheets
- CSS Layout Guide
Flexbox and Grid, with copy-paste centering and layout recipes.
- HTTP Status Codes
1xx to 5xx with meanings, and when you will actually see them.
- HTML5 Semantic Tags
Which tag means what, and how to keep the outline clean.
Snippets
- Pure CSS Hover Effects
Dependency-free hover effects with a live preview on each card.
- Tailwind Button Presets
Button presets you copy as a ready-to-paste class string.
- Micro-animations
Small keyframe animations: fade, slide, scale, shimmer and more.
FAQ
Do these tools upload my data?
No. Every tool runs in your browser with the platform's own APIs — JSON.parse/JSON.stringify, btoa/atob plus the Web Crypto API, and canvas for images. There is no upload endpoint to send anything to. Check for yourself: open the Network panel in your browser's developer tools while a tool runs and watch — the only requests are the static files that load the page and the Google AdSense ad script.
Do I need to create an account?
No accounts, no sign-in, no saved history. That is also the trade-off: nothing syncs between devices, and closing the tab drops whatever you were working on. If you want a result later, copy it out before you leave.
Is the site really free?
Yes. The running costs are covered by advertising served through Google AdSense. Ads are standard placements and do not read your clipboard, your files, or the text you type into a tool.
Why does a huge JSON file or image freeze the tab?
Parsing and encoding are synchronous and single-threaded in the browser. A multi-megabyte JSON document or a very large image has to finish before the tab can paint again. Split large inputs first — the formatter and compressors handle typical sizes instantly.
Does it work on a phone, or offline?
Yes to both. The site is responsive, and because it is a static app, most tools keep working offline after the first load. Media tools still need the page assets, but nothing needs a server round-trip to process your file.
Something gave a wrong result — where do I report it?
The Contact page. Include the input that triggered it if you can (paste a small sample, not a full token), and what you expected. Bug reports are read and usually fixed.