Pixelquil logoPixelquil

Developer Utilities

Generate configs, minify code, and speed up workflows.

18 tools available

SVG to CSS Data URI

Convert SVGs into inline CSS ready data URIs, in both URL-encoded and base64 formats, with a ready-to-paste CSS snippet.

Open Tool

Image to Tailwind Palette

Turn any image into a full Tailwind v4 color theme, with a complete 50 to 950 shade scale generated for each dominant color.

Open Tool

JSON Formatter That Shows the Exact Broken Line

Format and validate JSON with error line highlighting, no upload, nothing leaves your device.

Open Tool

JWT Decoder, Runs Locally in Your Browser

Decode a JWT's header and payload claims instantly, entirely client-side, safe for real tokens.

Open Tool

Regex Tester With Live Group Highlighting

Test regular expressions against sample text with live match and capture group highlighting.

Open Tool

UUID v4 & v7 Generator, Bulk Output

Generate classic random UUIDs or newer sortable UUIDv7s, in bulk, copy or export instantly.

Open Tool

MD5, SHA-1 & SHA-256 Hash Generator

Generate MD5, SHA-1, SHA-256, and SHA-512 hashes from text or a file, all at once.

Open Tool

Cron Expression Translator & Visual Builder

Translate a cron expression into plain English, or build one visually with a schedule picker.

Open Tool

Text & Code Diff Checker, Side-by-Side View

Compare two blocks of text or code and see every addition, deletion, and change highlighted.

Open Tool

Live Markdown Previewer, No File Saved

Type markdown and see the rendered output update live, nothing saved or uploaded.

Open Tool

HEX, RGB, HSL & OKLCH Color Converter

Convert instantly between HEX, RGB, HSL, and the newer OKLCH color format.

Open Tool

Unix Timestamp Converter With Timezone Support

Convert epoch timestamps to human-readable dates across any timezone, both directions.

Open Tool

Placeholder Text Generator by Word Count

Generate lorem ipsum or plain-English placeholder text by exact word, sentence, or paragraph count.

Open Tool

QR Code Generator With SVG Download

Generate a QR code from any URL or text and download it as clean, scalable SVG or PNG.

Open Tool

camelCase, snake_case & kebab-case Converter

Convert text between camelCase, snake_case, kebab-case, and PascalCase instantly.

Open Tool

YAML to JSON Converter, Both Directions

Convert YAML to JSON or JSON to YAML instantly, with syntax errors flagged clearly.

Open Tool

Password & Memorable Passphrase Generator

Generate secure random passwords or memorable multi-word passphrases, fully client-side.

Open Tool

PX to REM, EM, Percentage & Tailwind Converter

Convert PX to REM, EM, percentage, and the closest Tailwind spacing token, all in one place.

Open Tool
About this collection

Developer Utilities

Small tools for everyday frontend work

Most frontend projects need a handful of small utilities that are too minor to justify installing another dependency, but tedious enough to slow you down when handled by hand. Use the SVG to CSS Data URI tool to convert artwork into an inline, CSS ready string without a build step or bundler plugin.

From image to design system

The Image to Tailwind Palette tool turns any image, including a rendered SVG from our SVG & Design Tools collection, into a complete Tailwind color theme with proper shade scales generated automatically, ready to paste into your project's config.

Client side, no signup

More utilities will be added here over time, each one focused on solving a single problem well. Everything runs client side in your browser, so files you work with never leave your device, and there is no account required to use any tool in this collection.