Guide
Client-Side Developer & Data Studios
Multi-mode browser studios for JSON/YAML/XML/.env formatting, CSV & SQL schemas, JS Terser minification, RegExp/Glob testing, SVG diagrams, and cron schedules.
37 Client-Side Utilities · 11 Categories
All 37 browser tools
A curated directory of 37 fast, local-first tools for developers, designers, writers, and analysts. Every utility runs in your browser with no sign-up or server uploads.
- Active tools
- 37
- Categories
- 11
- Execution
- 100% Client-Side
Quick Answer
What is included in this tool directory?
This directory provides 37 production-ready browser tools across 11 categories: Developer, Security, Image, PDF & Document, Design & CSS, Text, SEO, and Calculators. All processing runs locally on your device with no account required.
Core workspaces
High-utility tools covering formatting, cryptography, media compression, PDF workflows, and accessibility.
Image Studio
All-in-one browser image studio: batch JPEG/PNG/WebP compression, format conversion, aspect-ratio crop & resize, filters, watermarks, EXIF/GPS scrubbing, and .ico favicon packs.
Open tool
Audio & Waveform Studio
Decode and trim audio on an interactive waveform, apply fades and peak normalization, export 16-bit PCM WAV, inspect FFT spectrum & dBFS loudness, synthesize tones/noise, and run a precision metronome.
Open toolVideo Frame & Media Studio
Scrub local MP4/WebM videos to capture full-resolution PNG/WebP frames, build timestamped storyboard contact sheets, extract lossless WAV audio tracks, and calculate bitrates.
Open tool
PDF Studio
Unified local PDF workspace: merge, split, reorder, delete, and rotate pages, stamp watermarks & page numbers, scrub metadata, render PDF ↔ PNG/JPG, and extract text to DOCX/Markdown.
Open tool
JSON, YAML, XML & Config Studio
Validate, format, minify, sort keys, and convert across JSON, YAML 1.2, XML, and .env/INI configs, query deep paths, validate JSON Schema, and generate TypeScript/JSON-Schema types.
Open toolCSV, TSV & SQL Data Studio
Convert RFC 4180 CSV/TSV ↔ JSON, YAML, and Markdown tables, filter/sort columns in an interactive grid, generate typed SQL CREATE/INSERT scripts, and format PostgreSQL/MySQL/SQLite queries.
Open tool
Password, Passphrase & Keygen Studio
Generate unbiased Web Crypto CSPRNG passwords, Diceware passphrases, UUID v4/v7, sortable ULIDs, NanoIDs, and 256-bit API secrets, plus audit password bit-entropy and crack time.
Open toolHash, Bcrypt, AES & Keypair Studio
Compute MD5/SHA-1/256/384/512 text & file checksums, sign HMACs, benchmark & verify bcrypt hashes, encrypt with PBKDF2 AES-256-GCM, and generate RSA-OAEP/ECDSA PEM & JWK keypairs.
Open tool
Color, Palette & Contrast Studio
Convert HEX/RGB/HSL/HWB/OKLCH/CMYK, build 50–950 CSS/Tailwind scales, extract image palettes, simulate color blindness, and audit WCAG 2.1 AA/AAA + APCA contrast pairs & N×N brand matrices.
Open tool
Flowchart, Sequence & ER Diagram Studio
Author deterministic Flowcharts, Sequence Diagrams, and Database Entity-Relationship (ER) schemas from clean text DSLs with live SVG layout and high-DPI PNG/SVG export.
Open tool
Technical SEO & Schema Studio
Preview Google SERP pixel widths & social cards, export HTML/Next.js metadata, build 6 Schema.org JSON-LD types, simulate RFC 9309 robots.txt rules, and generate sitemaps, hreflang & UTM links.
Open tool
Loan, Investment & ROI Finance Studio
Model loan/mortgage amortization with extra principal payments & CSV export, project compound interest growth, compute margin vs markup/tax, and evaluate break-even, ROI, and CAGR.
Open tool
Jump to a category
Select any of the 11 categories to jump directly to its tools.
Workflow guides
Curated collections explaining when to use each browser utility.
Guide
Browser Cryptography & Auth Studios
Generate CSPRNG passwords, UUID v7, and ULIDs, compute SHA/HMAC file checksums, test bcrypt & AES-256-GCM, and debug JWT, PKCE S256, and TOTP 2FA locally.
Guide
Local Media, Image, Audio & PDF Studios
Compress and edit images, optimize SVGs, trim WAV waveforms, capture video frames & storyboards, and merge/convert PDFs locally in your browser.
Guide
Color, Accessibility & CSS Studios
Audit N×N WCAG 2.1 and APCA contrast matrices, convert OKLCH tokens, compose layered CSS shadows/gradients, and build CSS Grid, Flexbox, and fluid clamp() scales.
Guide
Text, Documentation, SEO & HTTP Studios
Audit readability across 5 formulas, diff code or unordered JSON, author GFM Markdown tables, preview SERP/OG & JSON-LD, and transpile cURL or CSP/CORS headers.
Guide
Finance, Engineering & Statistical Chart Studios
Model loan amortization CSVs, ROI/CAGR, and break-even thresholds, convert 10 physical & IEC unit categories, run BigInt base math, and plot statistical charts.
Every tool by category
All 37 active tools organized across 11 categories.
Image & Vector Studios
Unified studios for batch image compression, format conversion, crop/resize, EXIF scrubbing, favicons, SVG vector optimization, and QR/1D barcodes.
Image Studio
All-in-one browser image studio: batch JPEG/PNG/WebP compression, format conversion, aspect-ratio crop & resize, filters, watermarks, EXIF/GPS scrubbing, and .ico favicon packs.
QR Code & Barcode Studio
Generate vector SVG/PNG QR codes (URL, Wi-Fi, vCard, Email, SMS with logos), scan QR images locally via jsQR, and render Code 128, EAN-13, UPC-A, and Code 39 barcodes.
SVG & Vector Icon Studio
Edit SVG markup, viewBox, and stroke/fill colors live, optimize and minify vector paths, convert SVG to React TSX/JSX or CSS Data URIs, and export high-DPI PNG/WebP.
Audio & Video Studios
Web Audio API waveform trimming, WAV export, FFT spectrum analysis, tone/noise synthesis, precision metronome, and local HTML5 video frame/storyboard studios.
Audio & Waveform Studio
Decode and trim audio on an interactive waveform, apply fades and peak normalization, export 16-bit PCM WAV, inspect FFT spectrum & dBFS loudness, synthesize tones/noise, and run a precision metronome.
Video Frame & Media Studio
Scrub local MP4/WebM videos to capture full-resolution PNG/WebP frames, build timestamped storyboard contact sheets, extract lossless WAV audio tracks, and calculate bitrates.
PDF & Archive Studios
Client-side PDF merging, splitting, reordering, watermarks, high-DPI PDF ↔ image/DOCX conversion, ZIP/GZIP archiving, and binary magic-byte inspection.
Archive, GZIP & Binary Studio
Browse and selectively extract .zip files, create DEFLATE archives, compress/decompress .gz streams via CompressionStream, inspect hex dumps, and verify 25+ binary magic-byte headers.
PDF Studio
Unified local PDF workspace: merge, split, reorder, delete, and rotate pages, stamp watermarks & page numbers, scrub metadata, render PDF ↔ PNG/JPG, and extract text to DOCX/Markdown.
8 more categories loading…
Frequently asked questions
Quick answers about the workflow, privacy, and where this tool fits in a broader job.
Are all 30 tools completely free to use?
Yes. Every tool in this directory runs directly in your browser without accounts, subscriptions, watermarks, or usage caps.
Are files or text uploaded to external servers?
No. File compression, PDF editing, cryptographic hashing, code minification, and format conversion run locally in browser memory.
Why are there 30 unified Studios instead of hundreds of single-function pages?
Related micro-utilities are consolidated into cohesive multi-mode Studios — for example, Image Studio unifies batch compression, format conversion, cropping, EXIF scrubbing, and .ico packaging, while Audio Studio unifies waveform trimming, dBFS metering, tone/noise synthesis, and BPM timing.
How do I find the right Studio for a task?
Search by task keyword (such as 'WAV', 'SVG', 'YAML', 'EXIF', 'WCAG', 'PKCE', or 'amortization') or jump straight to one of the 10 categories below.
Looking for a specific format or task?
Search across all 37 tools by format, standard, or workflow keyword.