Skip to main content
Studio Utilities

Tools

Browser-based utilities for creative and developer workflows. No accounts. No uploads. Just open and use.

CSS Box Shadow Generator

Visually design layered CSS box shadows with live preview and code export.

Color Palette Extractor

Upload any image and instantly extract its dominant colors. Copy hex, RGB or HSL values, export as CSS variables, Tailwind config, or JSON.

Contrast Checker

Check WCAG AA/AAA contrast ratios between any two colors. Instant pass/fail for text, UI components, and large text thresholds.

Email Deliverability Auditor

Audit SPF, DKIM, DMARC & MX records and get instant fix suggestions for email delivery.

Gmail Deliverability Checker

Diagnose email delivery issues and auto-generate SPF, DKIM, DMARC fixes.

SSL Certificate Inspector

Inspect SSL/TLS certificates, visualize chain of trust, and audit CA reputation instantly.

SVG to Code Converter

Convert SVGs to optimized React, Vue, or Angular components with props and a11y.

JSON Formatter & Validator

Format, validate, minify and repair JSON with live syntax checking and one-click copy.

Base64 Encoder & Decoder

Encode text or files to Base64 and decode Base64 back to text with URL-safe mode and live conversion.

Regex Tester

Test and debug regular expressions live with match highlighting, capture groups, flags and plain-English explanations.

PDF Catalog Generator

Upload images, configure layout and captions, and export a polished catalog-style PDF — entirely in your browser. No uploads, no accounts.

Image Compressor

Compress JPEG, PNG and WebP images in your browser with live quality preview. Batch compress, no uploads, no accounts — files never leave your device.

SSL Certificate Auditor

Audit SSL certificates, verify CA chain, and surface security flags instantly.

Gradient Generator

Build CSS gradients visually — linear, radial and conic. Add stops, adjust angles, copy ready-to-use CSS with one click.

JWT Decoder & Debugger

Decode and inspect JSON Web Tokens instantly — view header, payload, claims, and expiration status.

UUID/GUID Generator

Generate UUID v1, v4, and ULID identifiers with bulk mode, formatting, and validation.

Hash Generator

Generate MD5, SHA-1, SHA-256, SHA-384, SHA-512 hashes from text or files with comparison mode.

Open Graph & Meta Tag Generator

Generate SEO, Open Graph, and Twitter Card meta tags with live social preview mockups.

.env File Validator & Secret Scanner

Validate .env file syntax and scan for exposed API keys, tokens, and secrets.

Font Pairer

Find beautiful Google Font combinations with live preview and CSS export.

Cron Expression Builder

Build cron schedules visually with human-readable descriptions and next-run preview.

API Request Builder

Build and test HTTP requests in the browser — a lightweight Postman alternative.

JSON to TypeScript

Convert JSON to TypeScript interfaces with nested object and array support.

Markdown Preview & Editor

Write and preview GitHub Flavored Markdown with live rendering and HTML export.

Text Diff Checker

Compare two texts side-by-side with color-coded additions, deletions, and changes.

Unix Timestamp Converter

Convert between Unix timestamps and human-readable dates with timezone support.

URL Encoder / Decoder

Encode and decode URLs and query parameters with a built-in URL parser.

SQL Formatter & Beautifier

Format and beautify SQL queries with syntax highlighting and dialect support.

Number Base Converter

Convert numbers between binary, octal, decimal, and hexadecimal instantly.

Secure String Generator

Generate cryptographically secure random strings and passphrases with strength analysis.

QR Code Generator

Generate QR codes from text, URLs, email, WiFi, or vCard with custom colors and download.

Lorem Ipsum Generator

Generate placeholder text in classic, hipster, or tech variants by paragraphs, sentences, or words.

Color Converter

Convert colors between HEX, RGB, HSL, HSB, and CMYK with harmonies and tints/shades.

Text Case Converter

Convert text between 12 case formats: camelCase, snake_case, kebab-case, PascalCase, and more.

CSS Flexbox Generator

Visual flexbox playground with container and item controls, presets, and live CSS output.

Chmod Calculator

Interactive Unix permission calculator with checkbox matrix, symbolic notation, and umask support.

HTML Entity Encoder / Decoder

Encode and decode HTML entities with a searchable reference table of 70+ common entities.

JSON Path Finder

Explore JSON as an interactive tree and click any node to get its full path in dot or bracket notation.

CSS Units Converter

Convert between px, rem, em, %, vw, vh, pt, cm, mm, and in with a common spacing scale.

Aspect Ratio Calculator

Calculate and visualize aspect ratios with social media presets and CSS output.

CSS Minifier & Beautifier

Minify or beautify CSS with syntax highlighting, compression stats, and no external dependencies.

HTTP Status Code Reference

Searchable reference of all HTTP status codes with categories, descriptions, and use cases.

CSS Border Radius Generator

Visual border-radius editor with individual corner controls, blob shapes, and presets.

Emoji Picker & Search

Search 500+ emojis by name, copy as emoji, HTML entity, or Unicode codepoint.

IP Address Lookup

Detect your public IP, validate addresses, and calculate subnets.

CSS Grid Generator

Visual CSS Grid playground with template areas and layout presets.

YAML to JSON Converter

Convert between YAML and JSON bidirectionally with no dependencies.

JWT Generator & Builder

Build and sign JWT tokens with custom claims and HMAC via Web Crypto.

Tailwind CSS Lookup

Searchable reference of 300+ Tailwind utility classes with CSS equivalents.

Markdown Table Generator

Visual table editor with CSV import and markdown/HTML export.

JSON String Escape / Unescape

Escape and unescape special characters in JSON strings.

CSS Animation Generator

Visual keyframe animation builder with presets and live preview.

Text Counter & Analyzer

Count words, characters, sentences with reading time and keyword density.

Screen Resolution Info

Auto-detect screen resolution, pixel density, viewport, and breakpoint.

Slug Generator

Convert text to URL-friendly slugs with transliteration and bulk mode.

CSV to JSON Converter

Convert between CSV and JSON with delimiter options and file upload.

Favicon Generator

Generate favicons from text, emoji, or image with multiple sizes.

Keyboard Shortcuts Reference

Searchable reference of 200+ shortcuts for VS Code, Chrome, Git, and more.

Placeholder Image Generator

Generate placeholder images with custom size, colors, and text.

Color Blindness Simulator

Simulate how colors appear under 7 types of color vision deficiency.

Robots Meta Tag Generator

Visual builder for robots meta tags and robots.txt directives.

DNS Record Lookup

Look up A, AAAA, CNAME, MX, NS, TXT, SOA records via Cloudflare DoH.

CSS Box Model Visualizer

Interactive box model diagram with margin, border, padding controls.

Code Snippet Manager

Save, organize, and search code snippets locally with syntax highlighting.

Regex Pattern Generator

Common regex patterns library with test area and flag selectors.

CSS Text Shadow Generator

Visual text shadow editor with multiple layers and 8 presets.

HTML to Markdown Converter

Convert HTML to Markdown and back with no external dependencies.

Data Size Calculator

Convert between bytes, KB, MB, GB, TB with bandwidth and storage calculators.

Color Shades & Tints Generator

Generate tints, shades, tones, and color harmonies from a single color.

Git Command Reference

Searchable reference of 100+ git commands with examples and flags.

Responsive Preview

Preview URLs at different screen sizes with device presets and comparison.

Pomodoro Timer

Focus timer with work/break cycles, audio notification, and session history.

CSS Filter Generator

Visual CSS filter editor with blur, brightness, contrast, and 8 presets.

NPM Package Search

Search npm registry, compare install commands, and view package info.

JSON Minifier & Compressor

Minify or beautify JSON with sort keys, remove nulls, and compression stats.

Morse Code Translator

Encode text to Morse code and decode back with audio playback.

Binary to Text Converter

Convert text to 8-bit binary and binary back to text with live preview.

Text Repeater & Manipulator

Repeat, reverse, shuffle, sort, deduplicate, and transform text lines.

Random Mock Data Generator

Generate random names, emails, addresses, and more as JSON, CSV, or SQL.

APCA Contrast Calculator

Calculate APCA and WCAG 2.x contrast ratios side-by-side with font-based compliance.

TypeScript Type Reference

Interactive reference of TypeScript utility types with examples and explanations.

ROT13 & Caesar Cipher

Encode/decode ROT13 and Caesar cipher with brute force view of all 26 rotations.

Design Token Converter

Convert design tokens JSON to CSS variables, SCSS, or Tailwind config.

JSON Schema Generator

Paste JSON and instantly generate a valid JSON Schema (draft-07) with format inference and validation.

Image Resizer

Resize images by percentage, exact dimensions, or social media presets in your browser.

ASCII Art Generator

Generate block letter ASCII art text from any input with multiple display styles.

CSS Button Generator

Create styled HTML buttons with customizable colors, sizes, and hover effects.

Smart Checklist

Interactive to-do list with categories, persistent storage, and quick actions.

CSS Color Name Finder

Find the closest named CSS color from any hex value with instant display.

Advanced Color Picker

RGB, HSL, and hex color picker with slider controls, history, and palette building.

Countdown Timer

Count down to any date and time with formatted display and browser notifications.

Gitignore Generator

Generate .gitignore files for your project framework or tech stack.

HTML Heading Checker

Analyze heading hierarchy and structure to find accessibility and SEO issues.

HMAC Generator

Generate HMAC signatures with SHA algorithms for secure message authentication.

HTML Minifier & Beautifier

Minify or beautify HTML code with compression statistics and optimization.

JavaScript Minifier & Beautifier

Minify or format JavaScript code with compression analysis and validation.

JSON Diff Checker

Compare two JSON objects side-by-side and identify additions, deletions, and changes.

JSON Tree Explorer

Explore JSON data as an interactive tree and get property paths in dot or bracket notation.

JWT Claims Reference

Quick reference for JSON Web Token claims, algorithms, and structure.

License Picker

Compare and choose the right open source license for your project.

Line Sorter

Sort text lines alphabetically, by length, numerically, or randomly.

MIME Type Lookup

Searchable reference for file extensions and corresponding MIME types.

OG Image Preview

Preview how your Open Graph tags display on Facebook, Twitter, LinkedIn, and Discord.

Package.json Builder

Visual editor for package.json with script presets and dependency management.

Regex Cheatsheet

80+ regex patterns categorized and searchable for common use cases.

CSS Scroll-Snap Builder

Create scroll-snap layouts with visual controls and live preview.

Spacing Scale Generator

Generate linear and geometric spacing scales for consistent design systems.

Timezone Converter

Convert times between 30+ timezones with automatic DST handling.

CSS Transform Playground

Translate, rotate, scale, and skew elements with live 3D preview.

CSS Transition Generator

Build CSS transitions with cubic-bezier curve editor and live previews.

User Agent Parser

Parse and analyze browser and device information from user agent strings.

Webhook Tester

Test webhooks with payload builder, templates, and request inspection.

CSS Gradient Text Generator

Create gradient text effects with CSS. Pick colors, adjust direction, copy code.

Hex Editor

View and edit binary data in hexadecimal with file loading and byte inspection.

XML Sitemap Generator

Generate XML sitemaps with priority and change frequency for SEO.

SEO Checker

Analyze page titles, meta descriptions, and keywords with a live SERP preview.

Encoding Converter

Convert text between UTF-8, ASCII, URL encoding, HTML entities, Unicode escapes, and more.

Crontab Quick Reference

Visual cron syntax guide with 30+ categorized expressions, search, copy, and next run calculator.

CSS Custom Properties Generator

Build a design system with CSS custom properties. Add, import, preview, and export to CSS/SCSS/JSON/Tailwind.

Docker Compose Reference

Complete Docker Compose reference with 50+ searchable directives and ready-to-use YAML templates.

CSS Media Query Builder

Visual media query generator with Bootstrap, Tailwind presets, live breakpoint detection, and one-click copy.

CSS Progress Bar Generator

Design custom CSS progress bars with animated stripes, gradient fills, presets, and live preview.

CSS Clip-Path Generator

Visually design CSS clip-path shapes with drag handles, presets, and one-click code copy.