Free Developer Tools

22 tools. Zero sign-ups.

Browser-based utilities for developers and designers. Everything runs locally — no tracking, no accounts, no backend.

CSS & Design — 8 tools

CSS Background Patterns

Generate pure CSS background patterns — customize colors, opacity & spacing, copy CSS.

Animation / Keyframes Generator

Create CSS @keyframes animations visually — tune stops, transforms, timing — play preview & copy code.

Glassmorphism Generator

Design frosted-glass UI with backdrop blur, opacity, saturation & border controls.

Box Shadow Generator

Build multi-layer box shadows with neumorphism, colored glow & material presets.

Flexbox Playground

Interactively learn & generate flexbox CSS — control direction, wrap, justify, align.

CSS Grid Generator

Build CSS grid layouts visually — set columns, rows, gaps, and alignment, then copy.

CSS Gradient Generator

Create linear, radial, and conic CSS gradients visually with color stops and presets.

Color Format Converter

Convert any color between HEX, RGB, HSL — find the nearest Tailwind class.

Developer — 8 tools

JWT Decoder & Validator

Decode JWT header & payload, inspect claims, check expiry, verify signatures.

API Request Builder

Send GET, POST, PUT and more — set headers, auth, and body — inspect the response.

Regex Tester & Explainer

Test regular expressions with live match highlighting and plain-English explanations.

Diff Checker

Compare two texts and highlight additions, removals, and unchanged lines.

Cron Schedule Generator

Build cron expressions visually or decode an existing schedule.

Array ↔ JSON Converter

Convert JSON to arrays in PHP, JavaScript, TypeScript, Python, or Ruby — and back.

JSON Beautifier

Beautify or minify JSON with real-time syntax validation and error highlighting.

Base64 Encoder / Decoder

Encode text to Base64 or decode Base64 strings back to plain text.

Writing — 2 tools

Emoji Picker & Search

Search, browse, and copy emojis by name or keyword. Includes recently used.

Markdown Live Editor

Write Markdown with a rich toolbar and see the live rendered preview side-by-side.

Generator — 4 tools

Lorem Ipsum / Fake Data

Generate placeholder text and fake data for mockups and testing.

QR Code Generator

Generate customizable QR codes with color themes, rounded dots, and PNG/SVG download.

Password Generator

Generate strong, random passwords with custom length, character types, and batch generation.

Interactive Science Lab

Explore the periodic table, build atoms, and test your chemistry knowledge — all in your browser.