14 widgets · free · no ads

Free Developer Tool Widgets for Docs and Blogs

JSON, Base64, URL, JWT, UUID, timestamp, regex and cron widgets for documentation, tutorials and internal wikis. Input never leaves the browser.

Who these are for

Documentation writers, API providers, tutorial authors and internal wikis.

Common uses

  • Beside API docs so readers can decode a sample JWT or format a JSON response
  • In a cron or regex tutorial where readers try their own pattern
  • On an internal wiki page for timestamp and UUID look-ups

How embedding works

Pick a widget, set the theme and size, copy one line of HTML and paste it into your page. It runs in its own frame, so it cannot clash with your site's styles, and it resizes itself if you use the loader.

  • JSON Formatter & Validator

    Developer Tools Tool

    Pretty-print, minify or validate JSON, with the line and column of the first syntax error.

    Get code
  • JSON to CSV Converter

    Developer Tools Converter

    Convert a JSON array of objects to CSV and CSV back to JSON, with RFC 4180 quoting.

    Get code
  • Base64 Encoder / Decoder

    Developer Tools Converter

    Encode text to Base64 or decode it, with proper UTF-8 and an optional URL-safe alphabet.

    Get code
  • URL Encoder / Decoder

    Developer Tools Converter

    Percent-encode or decode text and URLs, and find the exact position of a malformed escape.

    Get code
  • JWT Decoder

    Developer Tools Tool

    Read a JSON Web Token's header and claims, with exp, nbf and iat shown as dates.

    Get code
  • UUID Generator

    Developer Tools Generator

    Generate 1 to 100 random v4 or time-ordered v7 UUIDs in several formats.

    Get code
  • Unix Timestamp Converter

    Developer Tools Converter

    Live epoch time, timestamp to date (seconds to nanoseconds detected) and date to timestamp.

    Get code
  • Regex Tester

    Developer Tools Tool

    Test a JavaScript regular expression: highlighted matches, capture groups and a replace preview.

    Get code
  • Cron Expression Explainer

    Developer Tools Tool

    Turn a cron schedule into plain English and list its next five run times.

    Get code
  • Hash Generator

    Developer Tools Generator

    MD5, SHA-1, SHA-256, SHA-384 and SHA-512 of any text, in hex or Base64.

    Get code
  • Markdown Preview

    Developer Tools Tool

    Live Markdown preview with tables and task lists, plus safe HTML to copy.

    Get code
  • Subnet Calculator

    Developer Tools Calculator

    Network, broadcast, host range, masks and host count for any IPv4 CIDR, with subnet splitting.

    Get code
  • LLM Cost Calculator

    Developer Tools Calculator New

    Cost per request, day and month for any LLM API from tokens or words and your own prices.

    Get code
  • LLM VRAM Calculator

    Developer Tools Calculator New

    Estimated GPU memory to run a language model: weights by precision plus KV cache and overhead.

    Get code

How to add a widget

Open a widget, choose the theme, width and style, check the live preview, then copy the code. Paste it into an HTML or "Custom code" block on your site - step-by-step instructions for each platform.

Preview