Developer tools

Free JSON, CSS and front-end browser utilities

Format and validate data, convert colors, design CSS gradients and encode files, all directly in the browser without installing plugins, using a build tool or creating an account. Every tool runs on your device after the page loads, with no API calls or remote processing.

JSON Formatter Format, validate, minify and explore JSON with precise error lines, tree view and local downloads. Color Converter Convert any CSS color between HEX, RGB, HSL, HSV and OKLCH. WCAG contrast check and tints palette included. CSS Gradient Generator Visual editor for linear, radial and conic CSS gradients. 12 presets, draggable color stops, copy-paste CSS. Base64 Encoder & Decoder Encode text or files to Base64, or decode Base64 back to plain text. URL-safe variant, UTF-8, file support.

Browser tools for everyday front-end workflows

Common front-end tasks, formatting API responses, checking color contrast, generating CSS gradients or encoding content for data URIs, rarely need a full IDE. A browser tab is often the fastest option, especially on unfamiliar machines or during time-sensitive work.

Working with data and encoded content

API responses and config files often come back as unformatted output that's difficult to read or debug. Formatting and validating locally, without sending data to a third-party service, keeps code and credentials private. Base64 encoding is used across web development for data URIs, authentication tokens, email attachments and binary payloads embedded in text protocols: being able to encode and decode in the browser, without a terminal, speeds up debugging and testing.

Color, contrast and CSS design

Color values switch formats constantly across design tools, browsers and codebases, the same color can appear as a HEX code, an RGB triple, an HSL declaration or an OKLCH value depending on where you're working. WCAG contrast requirements apply to text and interactive elements against their backgrounds. CSS gradients, linear, radial and conic, are standard for backgrounds, overlays and UI effects, but writing them without a visual reference is slow and error-prone.

No build tools, no IDE, works offline

Every tool runs in a browser tab and continues to work without a network connection, useful during travel, client presentations or in restricted environments. No code or file content is transmitted at any point. Nothing is installed and no account is needed.