Web Tools

Building for the web means constantly juggling formats, encoding strings, checking headers, and tweaking CSS. These tools handle the small but frequent tasks that slow you down — colour palette generation, compression analysis, password hashing, meta tag previewing, htaccess and nginx redirect building. Each tool is focused on one job and does it quickly. No sign-ups, no server round-trips, no waiting.

Front-end developers will find the Colour Palette & CSS Generator most immediately useful: enter a base colour and get complementary, analogous, and triadic palettes with ready-to-copy CSS custom properties. The CSS Flexbox & Grid Sandbox lets you prototype layouts visually before committing to code — you can test alignment, gap, and responsive behaviour in real time.

For data work, the CSV to JSON & XML Converter handles delimiter detection, header row mapping, and nested field flattening — common pain points when importing spreadsheets into APIs. The JSON Prettifier, Minifier, Fixer, and Validator form a complete JSON workflow: validate schema, fix syntax errors, format for readability, or compress for production.

The HTML Meta Tag & Open Graph Previewer generates complete meta tag blocks for Twitter Cards and Facebook Open Graph, then renders a preview of how the page will appear when shared on social platforms. The QR Code Generator & Scanner creates QR codes from URLs, text, or contact info with customizable error correction levels.

Security-focused tools include the Password Hash & Security Evaluator, which generates bcrypt, scrypt, and SHA-256 hashes and rates password strength against common attack patterns, and the Brotli & Gzip Compression Inspector, which shows the compression ratio achievable with different algorithms on your actual HTML or JavaScript.