💻 Developer Tools

Developer Tools

Speed up everyday engineering tasks

37 tools
🧭

Choose by task

These tools handle the small checks that interrupt development: formatting structured data, converting representations, inspecting hashes or tokens, and tuning CSS visually. Start with the type of task rather than the file extension. Treat every result as a working draft and verify it against the target runtime, specification, and tests before shipping production code.

💻

All tools

{ } JSON FormatterFormat, minify & validate JSON 🔡 Base64 Encode / DecodeText ⇔ Base64 🔗 URL Encode / DecodePercent-encode URLs #️⃣ Hash GeneratorSHA-1 / 256 / 384 / 512 🆔 UUID GeneratorBulk UUID, ULID & NanoID ⏱️ Unix Timestamp ConverterUnix time ⇔ date .* Regex TesterTest regex matches live 🎨 Color ConverterHEX ⇔ RGB ⇔ HSL CSV ⇄ JSON ConverterConvert CSV/TSV and JSON </> HTML Escape / UnescapeEscape < > & for HTML 🔑 JWT DecoderDecode header & payload 01 Number Base ConverterBin / Oct / Dec / Hex 🔐 Chmod Calculator755 ⇔ rwx & symbolic 📄 Markdown PreviewWrite Markdown, see HTML Cron Expression HelperExplain cron & next runs 🏷️ OGP & Meta Tag GeneratorGenerate og:/twitter: tags ⚖️ JSON Diff ViewerCompare two JSONs 📊 UTM Parameter BuilderBuild tracking URLs 🔃 YAML ⇄ JSON ConverterConvert, format & validate YAML/JSON 🏗️ JSON-LD GeneratorFAQ, Breadcrumb & HowTo structured data 🗃️ SQL FormatterIndent / format / compress SQL 🌐 Subnet CalculatorCIDR → network, range & host count 🔢 TOTP GeneratorOTP codes from a Base32 secret 🧮 File ChecksumFile hash, verify & SRI 🎚️ Color Shade Scale Generator50–950 lightness scale from one color 📈 Cubic Bezier Easing GeneratorCraft CSS easing curves visually 🧩 JSON to TypeScriptGenerate interfaces from JSON 📝 HTML to MarkdownConvert HTML into Markdown 🔤 Character Encoding ConverterFix mojibake, Shift_JIS ⇔ UTF-8 Color Contrast CheckerWCAG contrast ratio & AA/AAA 🌈 CSS Gradient GeneratorLinear & radial with live preview Box Shadow GeneratorVisual CSS box-shadow builder 📡 HTTP Status Code ReferenceSearchable status code list 🎨 Color Scheme GeneratorHarmonies from one base color 🌐 Punycode / IDN ConverterIDN ⇔ xn-- (Punycode) 📎 MIME Type ReferenceExtension ⇔ Content-Type lookup 🔳 Border Radius GeneratorRounded corners & blob shapes

A reliable workflow

  1. Define the input and a small expected output before opening a tool.
  2. Use dummy data rather than live secrets, API keys, or tokens.
  3. Compare the result with a specification or independent implementation and test boundary cases.
  4. Run project tests and review the change before moving generated output into production.

Before you start

  • Decoding a JWT does not establish that its signature is valid.
  • A hash is not encryption and does not make stored source data secret.
  • Formatter output may differ from the parser, dialect, or runtime used by your project.

Frequently asked questions

Should I paste production API keys or tokens?
Processing stays in the browser, but surrounding risks such as screen sharing, extensions, clipboard history, and accidental copying remain. Prefer expired values or purpose-made dummy credentials instead of production secrets.
Can generated output go straight into production?
Treat it as a draft. Browser, library, language, and dialect differences can change behavior, so compare it with the official specification and verify it in your own automated tests and review process.