Skip to content

Developer Tools

Essential utilities for developers, formatters, encoders, generators, parsers, and debugging helpers.

Formatters & Validators 20

JSON Formatter

Format, beautify and validate JSON instantly online

JSON Validator

Validate JSON syntax and find errors with line and column numbers

JSON Path Tester

new

Test JSONPath queries against any JSON document, supports root, child, recursive descent, indices, and wildcards.

JSON to YAML Converter

hot

Convert JSON data to YAML format with proper indentation

API Response Formatter

new

Paste a raw API response and pretty-print it with 2-space indent, key sorting, byte size, key count and parse-error line info.

JSON Diff Checker

new

Compare two JSON documents and highlight differences

JSON Schema Generator

new

Generate JSON Schema from sample JSON data automatically

JSON Tree Viewer

new

Paste JSON and explore it as a collapsible tree. See value types, array lengths, and copy any node's path or value in one click.

HTML Decoder

Decode HTML entities back to readable text instantly

HTML Encoder

Encode special characters as HTML entities for safe display

HTML Formatter

Format and beautify HTML code with proper indentation

HTML Minifier

Minify HTML by removing comments, whitespace, and unnecessary characters

HTML to Markdown Converter

Convert HTML markup to clean Markdown text instantly in your browser

JSON Minifier

Minify JSON by removing all whitespace and formatting

Markdown to HTML Converter

Convert Markdown text to clean HTML markup instantly in your browser

SQL Formatter

Format and beautify SQL queries with proper indentation

TOML to JSON Converter

Convert TOML configuration files to clean, formatted JSON output

XML Formatter

Format and beautify XML documents with proper indentation

YAML Formatter

Format and normalize YAML with consistent indentation

YAML to JSON Converter

Convert YAML data to JSON format instantly in your browser, no upload needed

CSS & Styling 20

CSS Animation Generator

new

Build CSS keyframe animations with 10 presets, fade, slide, pulse, shake, bounce, spin, wiggle, pop, and tune duration, easing, count, direction.

CSS Border Radius Generator

new

Visual border-radius builder, independent corners, px or % unit, instant preview, copy-ready CSS.

CSS Box Shadow Generator

new

Build any CSS box-shadow visually with sliders for offset, blur, spread, and color, with instant preview and copy-ready output.

CSS Clamp Generator

new

Turn a min and max font size into a fluid CSS clamp() that scales with the viewport. Drag a viewport slider to preview the exact size at any width.

CSS Filter Generator

new

Build CSS filter chains visually, blur, brightness, contrast, saturate, hue-rotate, sepia, grayscale, invert, opacity, with live preview.

CSS Glassmorphism Generator

new

Build frosted-glass UI elements with backdrop-filter blur and saturation, live preview against a colorful gradient.

CSS Text Shadow Generator

new

Build CSS text-shadow visually with sliders for offset, blur, color, and opacity, six presets covering subtle, classic, glow, retro, neon, emboss.

Cubic Bezier Generator

new

Drag two control points to shape a CSS easing curve, watch it animate live, and copy the cubic-bezier() value. Six presets including overshoot.

Neumorphism Generator

new

Build soft-UI neumorphic CSS with a live preview. Drag the shape to move the light source, tune distance and blur, and copy the box-shadow.

SVG Wave Generator

new

Build smooth wavy SVG dividers and section backgrounds, adjustable height, frequency, color. Copy or download the SVG.

CSS Flexbox Playground

new

Play with flex-direction, justify-content, align-items, wrap, and gap. Add or drop items, watch the layout shift live, then copy the container CSS.

CSS Grid Generator

new

Build a CSS grid visually. Set columns, rows, gaps, and fr/px/auto track sizes, watch the cells update live, then copy the grid CSS.

CSS Loader Generator

new

Build a pure-CSS loading spinner with no JavaScript or images. Pick a style, set the size, color, and speed, preview it live, and copy the CSS plus keyframes.

CSS to Tailwind Converter

new

Paste plain CSS and get equivalent Tailwind utility classes back. Common properties map to named classes; anything else falls back to arbitrary values.

CSS Triangle Generator

new

Build a pure-CSS triangle with the border trick. Pick a direction, set the size and color, and copy the ready-to-use code. Eight directions supported.

CSS Unit Converter

new

Convert a CSS length between px, rem, em, pt, %, vw and vh at once. Set your base and parent font-size plus viewport, see every unit live.

Progress Bar Creator

new

Build a CSS progress bar with sliders for value, height, and radius, plus color pickers and striped or animated stripe toggles. Copy the HTML and CSS instantly.

SVG Blob Generator

new

Generate smooth, random organic blob shapes as SVG. Tune the complexity and randomness, pick a color, regenerate until you like it, then copy or download.

CSS Formatter

Format and beautify CSS code with proper indentation

CSS Minifier

Minify CSS by removing comments, whitespace, and unnecessary characters

Reference & Cheatsheets 12

Converters & Encoding 11

Generators 10

Text & Misc 5

Data 2

Other 1

What Exactly Are Developer Tools?

You know those micro-tasks that pull you out of your editor twelve times a day? Prettifying a JSON blob from an API response, decoding a Base64 token someone pasted into Slack, figuring out what that cryptic cron expression actually schedules. Each one takes 30 seconds, but finding a decent tool for it takes longer. Toolsvu bundles all of that into one spot. We've got formatters for JSON, HTML, CSS, SQL, XML, and YAML. Base64 and URL encoders that handle UTF-8 without mangling anything. Generators for bcrypt hashes, ULIDs, and Nano IDs. Quick-reference tables for HTTP status codes and HTML entities so you stop Googling "what's a 422" every other week.

Why Developers Actually Like These

Everything runs client-side, which means your API keys, config snippets, and half-written queries never leave your machine. There's no browser extension to install and no rate limit breathing down your neck. The JSON Formatter handles messy payloads without freezing your tab, the Diff Checker highlights inline changes with color-coded precision, and every page loads near-instantly because it's all statically generated. Bookmark your five most-used tools and they're always a keystroke away.

Developer Tools Worth Bookmarking

  • JSON Formatter, Toss in raw JSON and get properly indented, syntax-highlighted output. Catches structural errors and tells you exactly which line broke.
  • Base64 Encoder / Decoder, Flip text or binary data between raw and Base64 in either direction. Handles multi-byte characters and UTF-8 without the usual headaches.
  • Regex Tester, Type a pattern, paste your test string, and watch matches light up as you type. Shows numbered capture groups so you can debug complex expressions fast.
  • Cron Parser, Feed it a cron expression and it spells out the next several run times in plain English. Works with standard 5-field syntax and the extended 6-field variant.
  • Diff Checker, Drop two text blocks side by side and see additions, deletions, and changes highlighted instantly. Handy for reviewing config diffs or comparing API responses.