Developer Tools Tools

Format, validate, and beautify JSON data with syntax highlighting.

Pick colors and convert between HEX, RGB, and HSL formats.

Write Markdown and preview the rendered HTML output in real time.

Minify or beautify CSS code. Remove whitespace or format for readability.

Test regular expressions against text with real-time highlighting of matches.

Build and understand cron expressions with a visual, interactive editor.

Calculate Unix file permissions in octal and symbolic notation.

Analyze IPv4/IPv6 addresses: class, scope, binary, and hex representation.

Extract all paths from a JSON object. Filter and copy JSONPath expressions.

Format and beautify SQL queries with proper indentation and keywords.

Validate YAML syntax online. Find errors with line numbers and see parsed JSON output.

Minify JavaScript code by removing comments and whitespace.

Create CSS linear and radial gradients with a visual editor and presets.

Generate TypeScript interfaces from JSON data automatically.

Convert between formatted and stringified (escaped) JSON.

Create box shadows with a visual editor. Adjust offset, blur, spread, and color.

Generate Open Graph and Twitter Card meta tags for social media previews.

Parse URLs into protocol, hostname, port, path, query params, and hash.

Validate JSON data against a JSON Schema. Check types, required fields, and constraints.

Generate Tailwind CSS color palettes (50-950) from any base color.

Format, beautify, and validate XML data with custom indentation.

Calculate subnet details from CIDR notation. Network, broadcast, host range, and netmask.

Generate robots.txt files with crawl rules, sitemaps, and bot-specific directives.

Complete reference of all HTTP status codes (1xx-5xx) with descriptions and examples.

Quick reference for regular expressions. Character classes, quantifiers, groups, and common patterns.

Generate HTML meta tags for SEO. Title, description, viewport, robots, and canonical tags.

Create CSS border-radius values with a visual editor. Adjust each corner individually.

Generate .htaccess rules for redirects, HTTPS, caching, and security headers.

Check WCAG 2.1 color contrast ratios. Validate AA and AAA accessibility standards.

Generate CSS flexbox layouts with a visual editor. Set direction, alignment, and wrapping.

Create CSS text-shadow effects with a visual editor. Multiple shadows and presets.

Compare two JSON objects and highlight added, removed, and modified keys.

Essential Git commands reference. Setup, branching, merging, stashing, and more.

Create CSS Grid layouts with a visual editor. Set columns, rows, and gap.

Compare and copy open source licenses. MIT, Apache, GPL, BSD, ISC, and more.

Create CSS keyframe animations with a visual editor. Preview and copy animation code.

Preview how colors appear with different types of color vision deficiency.

Generate Go struct definitions from JSON data. Handles nested objects and arrays.

Generate nginx server blocks for static sites, reverse proxy, SSL, and redirects.

View your screen resolution, viewport size, DPR, color depth, and device info.

Test keyboard events in real time. See key codes, key names, and event properties.

Edit and validate .env files. Check for duplicates, empty values, and syntax errors.

Create mock API responses with custom status codes, headers, and JSON body.

Sort Tailwind CSS classes in the recommended order. Paste your class string and get sorted output.

Translate regular expressions to plain English explanations. Understand any regex pattern.

Generate CSS glassmorphism (frosted glass) effects with live preview. Copy ready-to-use CSS.

Generate soft UI / neumorphism CSS with live preview. Flat, concave, convex, pressed shapes.

Generate Dockerfiles with a visual builder. Presets for Node.js, Python, Go, Java.

Generate GitHub Actions CI/CD workflows visually. Deploy to Vercel, Netlify, S3, or Docker.

Generate docker-compose.yml files with a visual editor. Presets for PostgreSQL, MySQL, Redis, MongoDB.

Build and understand cron expressions visually. See next run times and human-readable descriptions.

Generate OpenAPI 3.0 (Swagger) documentation. Visual endpoint builder with parameters and tags.

Generate JSON Schema from any JSON data. Auto-detect formats like email, URI, date, UUID.

Generate Content-Security-Policy headers with practical defaults and risk warnings.