# DevTools Surf > 543+ free online developer tools including the REST Handler (simple REST client with collections, env vars, history, cURL ↔ Collection JSON converter). Every tool runs in the browser — no signup, no uploads, no data sent to servers. Fast, privacy-first, client-side. ## About - Name: DevTools Surf - URL: https://devtools.surf - Tools: 543 - Categories: 28 - Privacy: client-side; no user input is transmitted to third parties - License: MIT for open tools; proprietary UI ## Flagship - [REST Handler](https://devtools.surf/tools/rest-handler): Simple REST client — collections (nested), environment variables, request history, and format converter between cURL, Collection JSON v2.1, and the REST Handler YAML format. ## Categories - [JSON](https://devtools.surf/tools/category/json): 18 tools - [HTML](https://devtools.surf/tools/category/html): 6 tools - [XML](https://devtools.surf/tools/category/xml): 10 tools - [YAML](https://devtools.surf/tools/category/yaml): 6 tools - [CSS](https://devtools.surf/tools/category/css): 49 tools - [JavaScript](https://devtools.surf/tools/category/js): 2 tools - [Converters](https://devtools.surf/tools/category/converter): 42 tools - [Images](https://devtools.surf/tools/category/images): 25 tools - [Text / String](https://devtools.surf/tools/category/text): 60 tools - [Encoding](https://devtools.surf/tools/category/encoding): 12 tools - [Generators](https://devtools.surf/tools/category/generators): 41 tools - [Color](https://devtools.surf/tools/category/color): 23 tools - [Networking](https://devtools.surf/tools/category/networking): 23 tools - [PDF](https://devtools.surf/tools/category/pdf): 6 tools - [API / Config](https://devtools.surf/tools/category/api): 7 tools - [Date / Time](https://devtools.surf/tools/category/datetime): 14 tools - [Security / Crypto](https://devtools.surf/tools/category/security): 18 tools - [Web / Frontend](https://devtools.surf/tools/category/web): 23 tools - [Data / SQL](https://devtools.surf/tools/category/data): 10 tools - [AI / Modern Dev](https://devtools.surf/tools/category/ai): 5 tools - [Fun / Niche](https://devtools.surf/tools/category/fun): 30 tools - [Developer Utilities](https://devtools.surf/tools/category/devutils): 18 tools - [Game Dev](https://devtools.surf/tools/category/gaming): 16 tools - [Animation / CSS](https://devtools.surf/tools/category/animation): 10 tools - [Calculators](https://devtools.surf/tools/category/calculators): 15 tools - [Audio](https://devtools.surf/tools/category/audio): 4 tools - [Cheatsheets](https://devtools.surf/tools/category/cheatsheet): 25 tools - [Info / Guides](https://devtools.surf/tools/category/info): 25 tools ## Tools ### JSON - [JSON Formatter](https://devtools.surf/tools/json-formatter): Format and prettify JSON with syntax highlighting - [JSON Validator](https://devtools.surf/tools/json-validator): Validate JSON syntax and structure - [JSON Viewer](https://devtools.surf/tools/json-viewer): Explore JSON data in a tree view - [JSON Stringify](https://devtools.surf/tools/json-stringify): Convert JSON to escaped string representation - [JSON Patch](https://devtools.surf/tools/json-patch): Generate or apply RFC 6902 JSON Patch operations - [JSON Diff](https://devtools.surf/tools/json-diff): Compare two JSON documents and show structural differences - [JSONPath Tester](https://devtools.surf/tools/jsonpath-tester): Test JSONPath expressions against a JSON document - [JSON Sort Keys](https://devtools.surf/tools/json-sort-keys): Recursively sort all keys in a JSON document alphabetically - [JSON Flatten / Unflatten](https://devtools.surf/tools/json-flatten): Flatten nested JSON to dot-notation or unflatten back - [JSON Minifier](https://devtools.surf/tools/json-minifier): Minify JSON with size statistics - [JSON Merge / Deep Merge](https://devtools.surf/tools/json-merge): Deep merge two JSON objects together - [JSON ↔ JSON5](https://devtools.surf/tools/json5-converter): Convert between strict JSON and relaxed JSON5 format - [NDJSON / JSONL Viewer](https://devtools.surf/tools/ndjson-viewer): Parse and display newline-delimited JSON line by line - [JSON Path Finder](https://devtools.surf/tools/json-path-finder): Enter JSON and a value to get every JSONPath that matches - [Smart JSON Diff](https://devtools.surf/tools/diff-two-json): Structural diff between two JSON docs with summary stats - [JSON Escape String](https://devtools.surf/tools/json-escape-string): Escape any text as a JSON-safe string with \n \t \uXXXX handling - [JSON Unescape String](https://devtools.surf/tools/json-unescape-string): Reverse JSON escape sequences back to raw text - [JMESPath Tester](https://devtools.surf/tools/jmespath-tester): Query JSON with JMESPath expressions + live result + examples ### HTML - [HTML Formatter](https://devtools.surf/tools/html-formatter): Format and indent HTML code - [HTML Pretty Print](https://devtools.surf/tools/html-pretty-print): Pretty print HTML with color-coded output - [HTML Validator](https://devtools.surf/tools/html-validator): Validate HTML markup and structure - [HTML Viewer](https://devtools.surf/tools/html-viewer): Preview and inspect HTML in real-time - [HTML Minify](https://devtools.surf/tools/html-minify): Minify HTML by removing whitespace and comments - [HTML → Plain Text](https://devtools.surf/tools/html-to-text): Strip tags, decode entities, preserve paragraph breaks ### XML - [XML Formatter](https://devtools.surf/tools/xml-formatter): Format and prettify XML documents - [XML Minify](https://devtools.surf/tools/xml-minify): Minify XML by removing whitespace - [XML Viewer](https://devtools.surf/tools/xml-viewer): View XML in a structured tree format - [XML Pretty Print](https://devtools.surf/tools/xml-pretty-print): Pretty print XML with syntax highlighting - [XML Validator](https://devtools.surf/tools/xml-validator): Validate XML syntax and well-formedness - [XML Editor](https://devtools.surf/tools/xml-editor): Edit XML with real-time validation and highlighting - [XML Parser](https://devtools.surf/tools/xml-parser): Parse XML and extract structured data - [WSDL Formatter](https://devtools.surf/tools/wsdl-formatter): Format WSDL (Web Services Description Language) files - [SOAP Formatter](https://devtools.surf/tools/soap-formatter): Format SOAP XML messages - [XML Schema (XSD) Validator](https://devtools.surf/tools/xml-schema-validator): Validate XML against basic XSD schema rules ### YAML - [YAML Validator](https://devtools.surf/tools/yaml-validator): Validate YAML syntax and structure - [YAML Viewer](https://devtools.surf/tools/yaml-viewer): View YAML in a structured tree format - [YAML Formatter](https://devtools.surf/tools/yaml-formatter): Format and prettify YAML documents - [YAML Parser](https://devtools.surf/tools/yaml-parser): Parse YAML and extract structured data - [YAML Multi-Doc Splitter](https://devtools.surf/tools/yaml-multi-doc-splitter): Split a multi-document YAML file into separate documents - [YAML Anchor Expander](https://devtools.surf/tools/yaml-anchor-expander): Expand YAML anchors and aliases into plain YAML ### CSS - [Minify CSS](https://devtools.surf/tools/css-minify): Minify CSS by removing whitespace and comments - [CSS Beautifier](https://devtools.surf/tools/css-beautifier): Beautify and format CSS code - [CSS Formatter](https://devtools.surf/tools/css-formatter): Format CSS with proper indentation - [CSS Pretty Print](https://devtools.surf/tools/css-pretty-print): Pretty print CSS with color coding - [CSS to LESS](https://devtools.surf/tools/css-to-less): Convert CSS to LESS preprocessor syntax - [CSS to SCSS](https://devtools.surf/tools/css-to-scss): Convert CSS to SCSS preprocessor syntax - [CSS to SASS](https://devtools.surf/tools/css-to-sass): Convert CSS to SASS syntax - [CSS to Stylus](https://devtools.surf/tools/css-to-stylus): Convert CSS to Stylus syntax - [Stylus to CSS](https://devtools.surf/tools/stylus-to-css): Convert Stylus to standard CSS - [Stylus to LESS](https://devtools.surf/tools/stylus-to-less): Convert Stylus to LESS syntax - [Stylus to SCSS](https://devtools.surf/tools/stylus-to-scss): Convert Stylus to SCSS syntax - [Stylus to SASS](https://devtools.surf/tools/stylus-to-sass): Convert Stylus to SASS syntax - [LESS to CSS](https://devtools.surf/tools/less-to-css): Convert LESS to standard CSS - [LESS to SCSS](https://devtools.surf/tools/less-to-scss): Convert LESS to SCSS syntax - [LESS to SASS](https://devtools.surf/tools/less-to-sass): Convert LESS to SASS syntax - [LESS to Stylus](https://devtools.surf/tools/less-to-stylus): Convert LESS to Stylus syntax - [SCSS to CSS](https://devtools.surf/tools/scss-to-css): Convert SCSS to standard CSS - [SCSS to LESS](https://devtools.surf/tools/scss-to-less): Convert SCSS to LESS syntax - [SCSS to SASS](https://devtools.surf/tools/scss-to-sass): Convert SCSS to SASS syntax - [SCSS to Stylus](https://devtools.surf/tools/scss-to-stylus): Convert SCSS to Stylus syntax - [SASS to CSS](https://devtools.surf/tools/sass-to-css): Convert SASS to standard CSS - [SASS to LESS](https://devtools.surf/tools/sass-to-less): Convert SASS to LESS syntax - [SASS to SCSS](https://devtools.surf/tools/sass-to-scss): Convert SASS to SCSS syntax - [SASS to Stylus](https://devtools.surf/tools/sass-to-stylus): Convert SASS to Stylus syntax - [CSS Grid Generator](https://devtools.surf/tools/css-grid-generator): Generate grid-template CSS with custom cols, rows, and gap - [CSS Border Builder](https://devtools.surf/tools/css-border-builder): Build border CSS — width, style, color, radius, per-side control - [CSS Text Shadow](https://devtools.surf/tools/css-text-shadow): Build text-shadow with x, y, blur, color — includes neon/retro presets - [CSS Filter Builder](https://devtools.surf/tools/css-filter-builder): Chain blur, brightness, contrast, hue-rotate, saturate, sepia - [CSS Transform Builder](https://devtools.surf/tools/css-transform-builder): Build transform() — translate, rotate, scale, skew, 3D rotations - [CSS Glassmorphism](https://devtools.surf/tools/css-glassmorphism): Generate frosted-glass UI — backdrop-filter blur + transparent bg - [CSS Neumorphism](https://devtools.surf/tools/css-neumorphism): Soft-UI box-shadow combinations — raised, inset, and flat modes - [CSS Button Styles](https://devtools.surf/tools/css-button-styles): Modern button CSS — lift hover, shadow, colors, radius, padding - [CSS Tooltip Builder](https://devtools.surf/tools/css-tooltip-builder): Pure-CSS tooltip from data-attr — top/bottom/left/right positions - [CSS Card Builder](https://devtools.surf/tools/css-card-builder): Elevated card with hover-lift + shadow — fully customizable - [CSS Form Styler](https://devtools.surf/tools/css-form-styler): Style inputs, textareas, selects — focus ring, accent color, radius - [CSS Accordion Builder](https://devtools.surf/tools/css-accordion-builder): Zero-JS accordion using
/ + CSS animation - [CSS Tabs Builder](https://devtools.surf/tools/css-tabs-builder): Accessible tab bar with aria-selected styling + bottom accent - [CSS Modal Builder](https://devtools.surf/tools/css-modal-builder): Native modal with backdrop blur + entrance animation - [CSS Checkbox Styler](https://devtools.surf/tools/css-checkbox-styler): Custom checkbox with CSS-only checkmark — accent & size control - [CSS Switch / Toggle](https://devtools.surf/tools/css-switch-toggle): iOS-style toggle switch — slider moves on :checked - [CSS Progress Bar](https://devtools.surf/tools/css-progress-bar): Gradient progress bar with animated shimmer — accessible - [CSS Ribbon Builder](https://devtools.surf/tools/css-ribbon-builder): Corner ribbon label using clip-path — content via data-ribbon attr - [CSS Avatar Builder](https://devtools.surf/tools/css-avatar-builder): Circular/square avatar with initials, ring, image fallback - [CSS Flip Card](https://devtools.surf/tools/css-flip-card): 3D hover-flip card using perspective + backface-visibility - [CSS Dropdown Builder](https://devtools.surf/tools/css-dropdown-builder): Hover + focus-within dropdown — zero JS, animated - [CSS Breadcrumb Builder](https://devtools.surf/tools/css-breadcrumb-builder): Navigation breadcrumb with custom separator — /, >, arrow - [CSS Arrow Generator](https://devtools.surf/tools/css-arrow-generator): Pure-CSS arrow (up/down/left/right) using rotated borders - [CSS Triangle Generator](https://devtools.surf/tools/css-triangle-generator): Zero-element triangle using transparent borders — any direction - [CSS Divider Builder](https://devtools.surf/tools/css-divider-builder): Horizontal rule — solid/dashed/dotted or labeled (OR, AND, etc) ### JavaScript - [JS Beautifier](https://devtools.surf/tools/js-beautifier): Beautify and format JavaScript code - [Javascript Pretty Print](https://devtools.surf/tools/js-pretty-print): Pretty print JavaScript with syntax highlighting ### Converters - [JSON to XML](https://devtools.surf/tools/json-to-xml): Convert JSON data to XML format - [JSON to CSV](https://devtools.surf/tools/json-to-csv): Convert JSON array to CSV format - [JSON to YAML](https://devtools.surf/tools/json-to-yaml): Convert JSON to YAML format - [JSON to TSV](https://devtools.surf/tools/json-to-tsv): Convert JSON array to Tab-Separated Values - [JSON to String](https://devtools.surf/tools/json-to-string): Convert JSON to escaped string format - [XML to JSON](https://devtools.surf/tools/xml-to-json): Convert XML to JSON format - [XML to CSV](https://devtools.surf/tools/xml-to-csv): Convert XML data to CSV format - [XML to String](https://devtools.surf/tools/xml-to-string): Convert XML to escaped string - [XML to YAML](https://devtools.surf/tools/xml-to-yaml): Convert XML to YAML format - [RSS to JSON](https://devtools.surf/tools/rss-to-json): Convert RSS/Atom feed to JSON format - [YAML to JSON](https://devtools.surf/tools/yaml-to-json): Convert YAML to JSON format - [YAML to XML](https://devtools.surf/tools/yaml-to-xml): Convert YAML to XML format - [YAML to CSV](https://devtools.surf/tools/yaml-to-csv): Convert YAML array to CSV format - [CSV to JSON](https://devtools.surf/tools/csv-to-json): Convert CSV data to JSON format - [CSV to XML](https://devtools.surf/tools/csv-to-xml): Convert CSV data to XML format - [CSV to YAML](https://devtools.surf/tools/csv-to-yaml): Convert CSV data to YAML format - [CSV to HTML](https://devtools.surf/tools/csv-to-html): Convert CSV data to HTML table - [String to JSON](https://devtools.surf/tools/string-to-json): Parse stringified JSON back to formatted JSON - [String to XML](https://devtools.surf/tools/string-to-xml): Parse stringified XML back to formatted XML - [BSON ↔ JSON](https://devtools.surf/tools/bson-to-json): Convert between BSON hex and JSON - [INI ↔ JSON](https://devtools.surf/tools/ini-to-json): Convert between INI config files and JSON - [HCL (Terraform) ↔ JSON](https://devtools.surf/tools/hcl-to-json): Convert between HCL/Terraform config and JSON - [EDN ↔ JSON](https://devtools.surf/tools/edn-to-json): Convert between Clojure EDN and JSON formats - [JSON → Go Struct](https://devtools.surf/tools/json-to-go-struct): Convert JSON to Go struct definitions with json tags - [YAML → .env](https://devtools.surf/tools/yaml-to-env): Flatten a YAML file to KEY=value lines - [.env → YAML](https://devtools.surf/tools/env-to-yaml): Group dotted KEY_NAME pairs back into a YAML tree - [JSON → Zod Schema](https://devtools.surf/tools/json-to-zod): Derive a runtime-validatable Zod schema from a JSON sample - [JSON → .env](https://devtools.surf/tools/json-to-env): Flatten a JSON object into UPPER_SNAKE KEY=value lines - [.env → JSON](https://devtools.surf/tools/env-to-json): Parse KEY=value lines (with quotes + comments) into a JSON object - [JSON → TypeScript Types](https://devtools.surf/tools/json-to-typescript-types): Infer TypeScript interfaces from JSON with deep nesting + optionals - [JSON → Python Dict](https://devtools.surf/tools/json-to-python-dict): Convert JSON to a valid Python dict literal (True/False/None) - [JSON → PHP Array](https://devtools.surf/tools/json-to-php-array): Convert JSON to a PHP 5.4+ short-syntax associative array - [JSON → Ruby Hash](https://devtools.surf/tools/json-to-ruby-hash): Convert JSON to a Ruby hash with symbol or string keys - [JSON → Java Class](https://devtools.surf/tools/json-to-java-class): Generate a POJO Java class with getters/setters from a JSON sample - [JSON → Swift Struct](https://devtools.surf/tools/json-to-swift-struct): Generate a Codable Swift struct from a JSON sample - [JSON → Kotlin Class](https://devtools.surf/tools/json-to-kotlin-class): Generate a Kotlin data class from a JSON sample - [JSON → Rust Struct](https://devtools.surf/tools/json-to-rust-struct): Generate a serde-compatible Rust struct from a JSON sample - [JSON → C# Class](https://devtools.surf/tools/json-to-csharp-class): Generate a C# class with properties + nullables from JSON - [JSON → Dart Class](https://devtools.surf/tools/json-to-dart-class): Generate a Dart class with fromJson/toJson from a JSON sample - [JSON Schema → TypeScript](https://devtools.surf/tools/json-schema-to-typescript): Convert a JSON Schema draft-07 document into TypeScript types - [JSON → MongoDB Query](https://devtools.surf/tools/json-to-mongodb-query): Convert flat key-value JSON into a MongoDB find() query object - [JSON → Query String](https://devtools.surf/tools/json-to-query-string): Serialize a flat JSON object into a URL query string ### Images - [Sample Images](https://devtools.surf/tools/sample-images): Download standard-size placeholder images or generate a custom size - [Image Converter](https://devtools.surf/tools/image-converter): Convert images between PNG, JPEG, WebP and more - [Bulk Image Converter](https://devtools.surf/tools/bulk-image-converter): Convert multiple images at once to a chosen format - [Image Editor](https://devtools.surf/tools/image-editor): Crop, annotate, draw, and add text to images - [Aspect Ratio Calculator](https://devtools.surf/tools/aspect-ratio-calculator): Calculate aspect ratios and resize dimensions proportionally - [SVG Optimizer](https://devtools.surf/tools/svg-optimizer): Minify and clean SVG markup by removing metadata and comments - [Favicon Generator](https://devtools.surf/tools/favicon-generator): Generate a favicon pack from a single image or emoji - [Lorem Picsum Picker](https://devtools.surf/tools/picsum-picker): Browse and download curated placeholder images - [Avatar / Initials Generator](https://devtools.surf/tools/avatar-generator): Create initials-based SVG avatars from a name - [Image Metadata Viewer](https://devtools.surf/tools/image-metadata-viewer): Show EXIF / IPTC / XMP metadata from JPEG, PNG, HEIF - [Base64 ↔ Image](https://devtools.surf/tools/base64-image): Encode an image to a data URL, or decode a data URL back to an image - [Image Palette Extractor](https://devtools.surf/tools/image-palette-extractor): Extract the dominant colors from an image - [Image Resizer (Batch)](https://devtools.surf/tools/image-resizer-batch): Resize and crop multiple images in the browser - [WebP ↔ AVIF Converter](https://devtools.surf/tools/webp-avif-converter): Convert images between WebP, AVIF, PNG, and JPEG in-browser - [Video Thumbnail Extractor](https://devtools.surf/tools/video-thumbnail): Scrub a video and export a frame as a PNG or JPEG - [Image Compressor](https://devtools.surf/tools/image-compressor): Client-side JPEG compression with quality + scale sliders — no upload - [Image Grayscale](https://devtools.surf/tools/image-grayscale): Desaturate any image — 0–100% grayscale, preview + download - [Image Rotator](https://devtools.surf/tools/image-rotator): Rotate an image by any angle — canvas re-fits to new bounds - [Image Cropper](https://devtools.surf/tools/image-cropper): Crop an image from left/top/right/bottom with % sliders - [Image Color Inverter](https://devtools.surf/tools/image-invert): Invert every pixel's RGB — negative / X-ray effect - [Image Watermark](https://devtools.surf/tools/image-watermark): Tile a text watermark across any image — opacity + angle control - [ASCII Art Generator](https://devtools.surf/tools/ascii-art-generator): Convert photos to ASCII art — dense / simple / block ramps - [Image Blur](https://devtools.surf/tools/image-blur): Apply canvas blur (0–40px) — great for hero backgrounds - [Image Brightness / Contrast](https://devtools.surf/tools/image-brightness-contrast): Adjust brightness, contrast, and saturation in one pass - [Image Flip / Mirror](https://devtools.surf/tools/image-flip-mirror): Horizontal or vertical mirror — or both — of any image ### Text / String - [URL Encoder](https://devtools.surf/tools/url-encoder): Encode strings for safe URL usage - [URL Decoder](https://devtools.surf/tools/url-decoder): Decode percent-encoded URL strings - [HTML Entity Encode](https://devtools.surf/tools/html-entity-encode): Convert characters to HTML entities - [HTML Entity Decode](https://devtools.surf/tools/html-entity-decode): Convert HTML entities back to characters - [JWT Decoder](https://devtools.surf/tools/jwt-decoder): Decode and inspect JWT token header and payload - [Lorem Ipsum Generator](https://devtools.surf/tools/lorem-ipsum-generator): Generate placeholder text in words, sentences, or paragraphs - [Word Counter](https://devtools.surf/tools/word-counter): Count words, characters, sentences, paragraphs, and reading time - [Text Diff](https://devtools.surf/tools/text-diff): Compare two text blocks and highlight differences - [Case Converter](https://devtools.surf/tools/case-converter): Convert between camelCase, snake_case, PascalCase, kebab-case, and more - [Line Sorter](https://devtools.surf/tools/line-sorter): Sort lines alphabetically, numerically, reverse, shuffle, or dedupe - [Regex Tester](https://devtools.surf/tools/regex-tester): Test regex patterns with match highlighting and group extraction - [String Escape / Unescape](https://devtools.surf/tools/string-escape): Escape and unescape strings for JS, JSON, HTML, or SQL - [Markdown Preview](https://devtools.surf/tools/markdown-preview): Live preview rendered Markdown with syntax highlighting - [.env Validator](https://devtools.surf/tools/env-validator): Validate .env files and flag missing values or duplicate keys - [Byte Counter](https://devtools.surf/tools/byte-counter): Show byte size of text in UTF-8, UTF-16, and ASCII - [TOML Formatter](https://devtools.surf/tools/toml-formatter): Format and validate TOML configuration files - [Markdown Table Editor](https://devtools.surf/tools/markdown-table-editor): Edit Markdown tables with a visual grid — add rows and align cells - [JWT to cURL](https://devtools.surf/tools/jwt-to-curl): Generate a curl command that uses a JWT as the Authorization header - [Diff Viewer (Side-by-Side)](https://devtools.surf/tools/diff-viewer): View unified or side-by-side diffs with syntax highlighting - [Environment Variable Diff](https://devtools.surf/tools/env-diff): Compare two .env files and show added, removed, and changed variables - [Unicode Normalizer](https://devtools.surf/tools/unicode-normalizer): Normalize Unicode text between NFC, NFD, NFKC, and NFKD forms - [Markdown Resume Builder](https://devtools.surf/tools/markdown-resume-builder): Write a resume in Markdown and export to styled HTML or PDF - [Regex Cheatsheet](https://devtools.surf/tools/regex-cheatsheet): Searchable reference of regex syntax with live examples - [Unicode Escape](https://devtools.surf/tools/unicode-escape): Escape non-ASCII chars as \uXXXX or decode them back - [Pronouncing Counter](https://devtools.surf/tools/pronouncing-counter): Count syllables per word (useful for copy + slugs) - [Readability Scorer](https://devtools.surf/tools/readability-scorer): Flesch + grade-level estimate for any prose block - [Word Frequency Counter](https://devtools.surf/tools/word-frequency): Rank words by frequency, stop-words filtered - [Clipboard Cleaner](https://devtools.surf/tools/clipboard-cleaner): Strip smart quotes, zero-widths, non-breaking spaces - [Markdown TOC](https://devtools.surf/tools/markdown-toc): Generate a table of contents from markdown headings - [Whitespace Visualizer](https://devtools.surf/tools/whitespace-visualizer): Render spaces, tabs, newlines, zero-widths as glyphs - [Line Deduper](https://devtools.surf/tools/line-deduper): Remove duplicate lines, preserve order or sort - [Hard Wrap](https://devtools.surf/tools/text-wrap): Re-wrap prose to a fixed column width - [IETF Language Tag Validator](https://devtools.surf/tools/ietf-tag-validator): Validate BCP 47 tag (zh-Hant-TW) — canonical form + regions - [Line Deduper](https://devtools.surf/tools/line-dedupe): Collapse duplicate lines, show occurrence counts - [Safe Filename Generator](https://devtools.surf/tools/safe-filename-generator): Strip accents + unsafe chars → filesystem-safe filename - [ASCII Box Drawer](https://devtools.surf/tools/ascii-box-drawer): Wrap any text in a Unicode box (┌─┐) — great for READMEs - [Text Reverser](https://devtools.surf/tools/text-reverser): Reverse a string — emoji-safe (operates on grapheme clusters) - [Email Extractor](https://devtools.surf/tools/email-extractor): Extract every unique email address from a blob of text - [URL Extractor](https://devtools.surf/tools/url-extractor): Extract every unique http/https URL from a blob of text - [Text Repeater](https://devtools.surf/tools/text-repeater): Repeat text N times with a custom separator — newline, space, emoji - [Title Case Converter](https://devtools.surf/tools/title-case-converter): Capitalize words — AP-style, keep small words lowercase unless first/last - [Whitespace Normalizer](https://devtools.surf/tools/whitespace-normalizer): Collapse runs of spaces/tabs, trim lines, drop consecutive blanks - [Tab ↔ Space Converter](https://devtools.surf/tools/tab-space-converter): Switch tabs to N spaces or N spaces back to tabs - [Line Break Converter](https://devtools.surf/tools/line-break-converter): Normalize CRLF / LF / CR line endings across an entire file - [Line Shuffler](https://devtools.surf/tools/line-shuffler): Randomly shuffle every line in your input — Fisher-Yates, deterministic - [Syllable Counter](https://devtools.surf/tools/syllable-counter): Count syllables per word — heuristic-based English estimator - [Pig Latin Converter](https://devtools.surf/tools/pig-latin-converter): Translate English text to pig latin — keeps case, punctuation intact - [Bold Text Generator](https://devtools.surf/tools/bold-text-generator): Turn regular text into unicode 𝐛𝐨𝐥𝐝 — works in bios, Slack, Discord - [Italic Text Generator](https://devtools.surf/tools/italic-text-generator): Turn regular text into unicode 𝑖𝑡𝑎𝑙𝑖𝑐 — copy/paste anywhere - [Strikethrough Text Generator](https://devtools.surf/tools/strikethrough-text-generator): Add combining-mark s̶t̶r̶i̶k̶e̶ to any text — no markdown needed - [Fancy Text Generator](https://devtools.surf/tools/fancy-text-generator): 8 unicode style variants — bold, italic, script, fraktur, monospace and more - [Upside-Down Text](https://devtools.surf/tools/upside-down-text): Flip text upside-down using unicode substitutions — ǝpɐɯ ʞlıɯ - [Small Caps Converter](https://devtools.surf/tools/small-caps-converter): Convert normal text to sᴍᴀʟʟ ᴄᴀᴘs — pure unicode, no CSS - [Circled Text Generator](https://devtools.surf/tools/circled-text-generator): Render letters + digits as ⒸⒾⓇⒸⓁⒺⒹ unicode glyphs - [Square Text Generator](https://devtools.surf/tools/square-text-generator): Render letters as 🅂🅀🅄🄰🅁🄴🄳 unicode glyphs for banners and bios - [Superscript & Subscript](https://devtools.surf/tools/superscript-subscript): Convert letters/digits to ˢᵘᵖᵉʳ or ₛᵤᵦ script — CO₂, H₂O, x² - [Emoji Letter Mapper](https://devtools.surf/tools/emoji-letter-mapper): Replace letters with regional-indicator and symbol emoji - [Vaporwave Text](https://devtools.surf/tools/vaporwave-text): Convert ASCII to fullwidth aesthetic letters — vaporwave vibes - [Cursed Text Generator](https://devtools.surf/tools/cursed-text-generator): Stack combining marks above/below letters for a glitchy, cursed look - [Wide Text Generator](https://devtools.surf/tools/wide-text-generator): Add spaces between every character for a stretched / wide look ### Encoding - [Base64 Encode](https://devtools.surf/tools/base64-encode): Encode text or files to Base64 - [Base64 Decode](https://devtools.surf/tools/base64-decode): Decode Base64 back to text or file - [Hash Generator](https://devtools.surf/tools/hash-generator): Generate MD5, SHA-1, SHA-256, and SHA-512 hashes from text - [Number Base Converter](https://devtools.surf/tools/number-base-converter): Convert between decimal, hex, octal, and binary - [Timestamp Converter](https://devtools.surf/tools/timestamp-converter): Convert between Unix epoch, ISO 8601, and human-readable dates - [Base58/Base32/Base85](https://devtools.surf/tools/base58-encoder): Encode and decode text in Base58, Base32, or Base85 - [Base64URL Encoder](https://devtools.surf/tools/base64url-encoder): URL-safe base64 — + → - , / → _ , no padding - [Base64URL Decoder](https://devtools.surf/tools/base64url-decoder): Decode URL-safe base64 back to UTF-8 text - [Text ↔ Binary](https://devtools.surf/tools/text-to-binary): Convert UTF-8 text to 0/1 binary — or decode back - [Text ↔ Hex](https://devtools.surf/tools/text-to-hex): UTF-8 text to hexadecimal bytes — or decode hex back to text - [Text ↔ Octal](https://devtools.surf/tools/text-to-octal): UTF-8 text to octal digit sequences — or decode octal back - [ASCII85 Encoder](https://devtools.surf/tools/ascii85-encoder): Adobe ASCII85 (base85) for compact binary in PDF/PostScript payloads ### Generators - [UUID Generator](https://devtools.surf/tools/uuid-generator): Generate v4 UUIDs — single or bulk - [ULID Generator](https://devtools.surf/tools/ulid-generator): Generate sortable ULIDs (Universally Unique Lexicographically Sortable IDs) - [Password Generator](https://devtools.surf/tools/password-generator): Generate secure random passwords with custom rules - [cURL to Code](https://devtools.surf/tools/curl-to-code): Convert cURL commands to fetch, axios, Python requests, and more - [Cron Expression Parser](https://devtools.surf/tools/cron-expression-parser): Describe cron expressions in plain English with next run times - [SQL Formatter](https://devtools.surf/tools/sql-formatter): Format and prettify SQL queries - [GraphQL Formatter](https://devtools.surf/tools/graphql-formatter): Format and prettify GraphQL queries and schemas - [JSON Schema Generator](https://devtools.surf/tools/json-schema-generator): Generate JSON Schema from a sample JSON object - [TypeScript Interface Generator](https://devtools.surf/tools/ts-interface-generator): Generate TypeScript interfaces from JSON data - [Mock Data Generator](https://devtools.surf/tools/mock-data-generator): Generate fake names, emails, addresses, and more in JSON or CSV - [QR Code Generator](https://devtools.surf/tools/qr-code-generator): Generate QR codes from text or URLs - [Chmod Calculator](https://devtools.surf/tools/chmod-calculator): Convert between symbolic and numeric Unix file permissions - [.gitignore Builder](https://devtools.surf/tools/gitignore-builder): Build a .gitignore from curated language/framework templates - [Unix Cron Visualizer](https://devtools.surf/tools/unix-cron-visualizer): Visualize cron schedules as a timeline of next executions - [Chmod → English](https://devtools.surf/tools/chmod-to-english): Convert numeric chmod values to human-readable permission descriptions - [Privacy Policy Generator](https://devtools.surf/tools/privacy-policy-generator): Generate a privacy policy from your app name, URL, and data practices - [Crontab Generator](https://devtools.surf/tools/crontab-generator): Build cron schedules visually with dropdowns for each field - [Random String Generator](https://devtools.surf/tools/random-string-generator): Secure random strings — hex, base64, base58, symbols, custom length - [Fake Name Generator](https://devtools.surf/tools/fake-name-generator): Bulk fake first+last names for test fixtures — famous tech names pool - [Fake Address Generator](https://devtools.surf/tools/fake-address-generator): Bulk US-style fake addresses for seeding dev databases - [Fake Phone Generator](https://devtools.surf/tools/fake-phone-generator): Bulk fake phone numbers in US / UK / E.164 formats - [Test Credit Card Generator](https://devtools.surf/tools/test-credit-card-generator): Luhn-valid dev cards for Visa/MC/Amex/Discover/JCB/Diners - [Test IBAN Generator](https://devtools.surf/tools/iban-test-generator): Synthesize IBANs with valid ISO 13616 checksums per country - [Test VIN Generator](https://devtools.surf/tools/vin-generator): Random 17-char VINs with valid position-9 check digit - [Barcode Generator](https://devtools.surf/tools/barcode-generator): Generate CODE-128 barcode PNGs from any text — client-side canvas - [Data URI Generator](https://devtools.surf/tools/data-uri-generator): Wrap any text (or file contents) into a base64 data: URI - [API Key Generator](https://devtools.surf/tools/api-key-generator): Secure random API keys with prefix (sk_, pk_, whsec_) — base62 or hex - [Bcrypt Demo Hash](https://devtools.surf/tools/bcrypt-generator): Generate a bcrypt-style hash preview — configurable cost rounds (4-14) - [Argon2 Demo Hash](https://devtools.surf/tools/argon2-generator): Generate an argon2id PHC-formatted hash preview for docs / fixtures - [Shield Badge Generator](https://devtools.surf/tools/shield-badge-generator): Build Shields.io README badges — label, message, color, logo, style - [README.md Generator](https://devtools.surf/tools/readme-md-generator): Starter README template with title, description, install, usage, license - [.editorconfig Generator](https://devtools.surf/tools/editorconfig-generator): Tab/space indent, EOL, charset rules — one config for every editor - [.prettierrc Generator](https://devtools.surf/tools/prettier-config): Build a Prettier config — semi, quote style, trailing comma, width - [.eslintrc Generator](https://devtools.surf/tools/eslint-config): ESLint config for Node / TypeScript / React — commonjs output - [CHANGELOG.md Generator](https://devtools.surf/tools/changelog-md-generator): Keep a Changelog starter with [Unreleased] + first version section - [LICENSE File Generator](https://devtools.surf/tools/license-file-generator): MIT, Apache 2.0, BSD 3-Clause, GPL 3.0, Unlicense — year + holder - [Dockerfile Generator](https://devtools.surf/tools/dockerfile-generator): Multi-stage Dockerfile for Node / Python / Go — production-ready - [docker-compose.yml Generator](https://devtools.surf/tools/docker-compose-generator): Wire up api + postgres + redis + mongo into a single compose file - [Makefile Generator](https://devtools.surf/tools/makefile-generator): Language-aware Makefile for Node / Python / Go — install/dev/test/build - [.gitignore Templates](https://devtools.surf/tools/gitignore-templates): Combine templates — node, python, go, rust, java, macos, windows, vscode - [Passphrase Generator (EFF)](https://devtools.surf/tools/passphrase-generator): Memorable multi-word passphrases from a 300-word EFF-style list ### Color - [Color Converter](https://devtools.surf/tools/color-converter): Convert between HEX, RGB, HSL, OKLCH, and Tailwind colors - [Color Palette Generator](https://devtools.surf/tools/color-palette-generator): Generate complementary, analogous, and triadic color palettes - [Contrast Checker](https://devtools.surf/tools/contrast-checker): Check WCAG AA/AAA contrast ratio between two colors - [Gradient Generator](https://devtools.surf/tools/gradient-generator): Design CSS/SVG gradients and export as CSS, SVG, or Figma tokens - [Color Contrast Matrix](https://devtools.surf/tools/color-contrast-matrix): Test WCAG contrast ratios for every color pair in a palette - [Hex → Tailwind](https://devtools.surf/tools/colors-to-tailwind): Map a hex/rgb color to the nearest Tailwind class - [Gradient → Code](https://devtools.surf/tools/gradient-to-code): Translate a CSS gradient into SwiftUI, Android, and Flutter code - [Color Name Finder](https://devtools.surf/tools/color-name-finder): Closest CSS named color to any hex (Euclidean in RGB) - [Color Scheme Generator](https://devtools.surf/tools/color-scheme-generator): Complementary, analogous, triadic, tetradic & split-comp schemes from a base color - [Tailwind Color Palette](https://devtools.surf/tools/tailwind-color-palette): Full Tailwind CSS v3 color palette — 18 families × 11 shades, searchable - [Material Color Palette](https://devtools.surf/tools/material-color-palette): Google Material 2014 palette — families with 50–900 + A100–A700 shades - [CSS Named Colors](https://devtools.surf/tools/css-named-colors): All 147 CSS named colors with hex values — instantly searchable - [Color Shades & Tints](https://devtools.surf/tools/color-shades-tints): Generate 9 darker shades + 9 lighter tints from any base color - [Complementary Colors](https://devtools.surf/tools/complementary-colors): Find the opposite color on the wheel — 180° hue rotation - [Analogous Colors](https://devtools.surf/tools/analogous-colors): Colors adjacent on the wheel (±30°) — gentle, harmonious palettes - [Triadic Colors](https://devtools.surf/tools/triadic-colors): Three colors equally spaced on the wheel (120°) — vivid & balanced - [Tetradic Colors](https://devtools.surf/tools/tetradic-colors): Four colors at 90° — two complementary pairs for rich palettes - [Monochromatic Colors](https://devtools.surf/tools/monochromatic-colors): Single-hue palette — nine lightness steps at the same saturation - [Random Color Generator](https://devtools.surf/tools/random-color-generator): Bulk random colors (hex/rgb/hsl) — great for placeholders & mocks - [Color Mixer](https://devtools.surf/tools/color-mixer): Blend 2+ colors using perceptual square-mean RGB (not linear RGB mud) - [Color Lighten / Darken](https://devtools.surf/tools/color-lighten-darken): Shift a color's lightness by +/- N%, preserving hue & saturation - [Color Temperature (Kelvin)](https://devtools.surf/tools/color-kelvin-converter): Convert 1000–40000K to an RGB approximation (Tanner Helland formula) - [Pantone Reference](https://devtools.surf/tools/pantone-reference): Search common Pantone PMS spot colors with sRGB approximations ### Networking - [IP Address Lookup](https://devtools.surf/tools/ip-address-lookup): Parse and validate IPv4/IPv6 addresses and CIDR ranges - [HTTP Status Reference](https://devtools.surf/tools/http-status-reference): Quick lookup of HTTP status codes and their meanings - [DNS Record Explainer](https://devtools.surf/tools/dns-record-explainer): Explain A, AAAA, CNAME, MX, TXT, SRV and other DNS records - [WebSocket Frame Decoder](https://devtools.surf/tools/websocket-frame-decoder): Decode WebSocket frame headers and payloads from hex - [Port Reference Lookup](https://devtools.surf/tools/port-reference-lookup): Look up common services for any TCP/UDP port number - [MIME Type Lookup](https://devtools.surf/tools/mime-type-lookup): Convert between file extensions and MIME types - [Certificate Decoder](https://devtools.surf/tools/cert-decoder): Decode X.509 PEM certificates into readable fields - [HPKP Generator](https://devtools.surf/tools/hpkp-generator): Generate HTTP Public Key Pinning headers from a certificate - [User-Agent Parser](https://devtools.surf/tools/user-agent-parser): Parse browser, OS, device from a User-Agent string - [CORS Header Tester](https://devtools.surf/tools/cors-header-tester): Analyze CORS response headers for misconfigurations and security issues - [CIDR Calculator](https://devtools.surf/tools/cidr-calculator): Calculate network address, broadcast, host range from CIDR notation - [HTTP Header Analyzer](https://devtools.surf/tools/http-header-analyzer): Analyze HTTP headers for security, caching, and best practices - [MAC Address Lookup (OUI)](https://devtools.surf/tools/mac-address-lookup): Identify the manufacturer from a MAC address OUI prefix - [HTTP Method Reference](https://devtools.surf/tools/http-method-reference): Quick reference for all HTTP methods with use cases and safety info - [Query String Builder](https://devtools.surf/tools/query-string-builder): Build ?k=v&k=v strings from key=value lines — repeating keys OK - [Basic Auth Generator](https://devtools.surf/tools/basic-auth-generator): Base64-encode user:pass into an HTTP Basic Authorization header - [Bearer Token Builder](https://devtools.surf/tools/bearer-token-builder): Wrap a raw token in HTTP Authorization + curl + fetch snippets - [HTTP Header Builder](https://devtools.surf/tools/http-header-builder): Compose request headers — output as curl flags and fetch options - [Subnet Calculator (v2)](https://devtools.surf/tools/subnet-calculator-v2): CIDR → subnet mask, network, broadcast, first/last host, host count - [IPv6 Expander](https://devtools.surf/tools/ipv6-expander): Expand ::abbreviated IPv6 and also emit the canonical compressed form - [IPv4 → IPv6 Mapper](https://devtools.surf/tools/ipv4-ipv6-converter): IPv4-mapped IPv6 address (::ffff:a.b.c.d) — RFC 4291 representation - [RFC Lookup](https://devtools.surf/tools/rfc-lookup): Search 25+ foundational RFCs by number, title, or topic - [Well-Known Ports](https://devtools.surf/tools/well-known-ports): 40+ standard TCP/UDP ports — search by number, service, or keyword ### PDF - [Sample PDFs](https://devtools.surf/tools/sample-pdfs): Download ready-made sample PDFs of various sizes and page counts - [PDF Merger](https://devtools.surf/tools/pdf-merger): Merge multiple PDFs into a single document - [PDF Splitter](https://devtools.surf/tools/pdf-splitter): Split a PDF by page ranges - [PDF Compressor](https://devtools.surf/tools/pdf-compressor): Reduce PDF file size in the browser - [Markdown → PDF](https://devtools.surf/tools/markdown-to-pdf): Write or paste Markdown and export it as a downloadable PDF - [Invoice Generator](https://devtools.surf/tools/invoice-generator): Create professional invoices from line items and export as PDF ### API / Config - [REST Handler](https://devtools.surf/tools/rest-handler): Lightweight REST client — collections, env vars, history, format converter (cURL / Collection JSON / REST Handler YAML) - [OpenAPI Viewer](https://devtools.surf/tools/openapi-viewer): Browse endpoints, schemas, and operations from an OpenAPI 3 spec - [Swagger to Collection JSON](https://devtools.surf/tools/swagger-to-collection): Convert an OpenAPI / Swagger spec into a Collection JSON v2.1 payload - [package.json Analyzer](https://devtools.surf/tools/package-json-analyzer): Detect duplicate dependencies and common issues - [Dockerfile Linter](https://devtools.surf/tools/dockerfile-linter): Check Dockerfiles against common best practices - [Kubernetes Manifest Validator](https://devtools.surf/tools/k8s-manifest-validator): Validate required fields in Kubernetes YAML manifests - [Mock Server Config Generator](https://devtools.surf/tools/mock-server-config): Generate stub responses from a JSON Schema ### Date / Time - [Timezone Converter](https://devtools.surf/tools/timezone-converter): Convert a date-time between multiple timezones - [Duration Calculator](https://devtools.surf/tools/duration-calculator): Calculate the duration between two dates or times - [Age Calculator](https://devtools.surf/tools/age-calculator): Calculate exact age in years, months, and days from a birthdate - [Working Day Calculator](https://devtools.surf/tools/working-day-calculator): Count business days between two dates (excluding weekends) - [Week Number Lookup](https://devtools.surf/tools/week-number-lookup): Find the ISO week number for any date - [Date Offset Calculator](https://devtools.surf/tools/date-offset): Add/subtract days, weeks, months, years with weekday result - [Cron Humanizer](https://devtools.surf/tools/cron-humanizer): Explain a cron expression in English + show the next 5 run times - [Date Format Converter](https://devtools.surf/tools/date-format-converter): Show the same instant in ISO, RFC-2822, epoch, DD/MM/YYYY and more - [Countdown Timer Builder](https://devtools.surf/tools/countdown-timer-builder): Build a live
-and-JS countdown to any ISO target timestamp - [Pomodoro Timer Planner](https://devtools.surf/tools/pomodoro-timer): Plan a 25/5 Pomodoro session with long break — outputs a timeline - [ICS Calendar Event Generator](https://devtools.surf/tools/ics-event-generator): Build a standards-compliant .ics event file — import to any calendar - [ISO 8601 Duration Parser](https://devtools.surf/tools/iso-duration-parser): Parse P3Y6M4DT12H30M5S into years, months, weeks, days, time - [Date Range Generator](https://devtools.surf/tools/date-range-generator): List every date between start and end — step N days/weeks/months - [Weekday Calendar](https://devtools.surf/tools/weekday-calendar): Render a month-at-a-glance calendar grid — YYYY-MM input ### Security / Crypto - [JWT Encoder](https://devtools.surf/tools/jwt-encoder): Encode a JWT token from header, payload, and secret - [Bcrypt Hash Tester](https://devtools.surf/tools/bcrypt-hash-tester): Generate bcrypt hashes and verify passwords against hashes - [HMAC Generator](https://devtools.surf/tools/hmac-generator): Generate HMAC signatures using SHA-256, SHA-512, and more - [Password Strength Analyzer](https://devtools.surf/tools/password-strength-analyzer): Analyze password strength with entropy and crack-time estimates - [TOTP / 2FA Generator](https://devtools.surf/tools/totp-generator): Generate time-based one-time passwords from a secret key - [SAML Response Decoder](https://devtools.surf/tools/saml-decoder): Decode Base64-encoded SAML responses into readable XML - [OAuth PKCE Generator](https://devtools.surf/tools/oauth-pkce-generator): Generate code_verifier, code_challenge, and state for OAuth PKCE flows - [SSH Key Fingerprint](https://devtools.surf/tools/ssh-key-fingerprint): Calculate the fingerprint of an SSH public key - [CSR Decoder](https://devtools.surf/tools/csr-decoder): Decode PEM-encoded Certificate Signing Requests - [Secrets Scanner](https://devtools.surf/tools/secrets-scanner): Scan text/code for leaked API keys, tokens, and credentials - [RSA Keypair Generator](https://devtools.surf/tools/rsa-keypair-generator): Generate RSA public/private keypairs in PEM format - [JWT Timeline](https://devtools.surf/tools/jwt-timeline): Decode JWT + show iat / nbf / exp as ISO + delta from now - [AES Encrypt / Decrypt](https://devtools.surf/tools/aes-encrypt-decrypt): AES-256-GCM encryption with authenticated ciphertext (iv:tag:body) - [ROT13 Cipher](https://devtools.surf/tools/rot13-cipher): Classic Caesar-13 substitution — encrypt and decrypt are the same op - [Caesar Cipher](https://devtools.surf/tools/caesar-cipher): Shift letters by any N positions (±26) — enc/dec with custom shift - [Vigenère Cipher](https://devtools.surf/tools/vigenere-cipher): Polyalphabetic cipher using a keyword — stronger than Caesar - [Atbash Cipher](https://devtools.surf/tools/atbash-cipher): Hebrew alphabet substitution — A↔Z, B↔Y — self-inverse - [Rail Fence Cipher](https://devtools.surf/tools/rail-fence-cipher): Transposition cipher in a zig-zag pattern across N rails — enc/dec ### Web / Frontend - [Meta Tags / OG Previewer](https://devtools.surf/tools/meta-tag-previewer): Preview how meta tags and OpenGraph data appear on social platforms - [Tailwind → CSS](https://devtools.surf/tools/tailwind-to-css): Convert Tailwind CSS classes to vanilla CSS properties - [HTML → React JSX](https://devtools.surf/tools/html-to-jsx): Convert HTML to valid React JSX syntax - [HTML → Markdown](https://devtools.surf/tools/html-to-markdown): Convert HTML content to Markdown format - [SVG → React Component](https://devtools.surf/tools/svg-to-react): Convert SVG markup into a React component - [CSS Unit Converter](https://devtools.surf/tools/css-unit-converter): Convert between px, rem, em, vw, vh, and other CSS units - [robots.txt Validator](https://devtools.surf/tools/robots-txt-validator): Validate robots.txt syntax and check for common issues - [Sitemap XML Validator](https://devtools.surf/tools/sitemap-validator): Validate sitemap.xml structure and check for common issues - [RSS/Atom Feed Validator](https://devtools.surf/tools/rss-feed-validator): Validate RSS 2.0 and Atom feed XML structure - [CSS Box Shadow Builder](https://devtools.surf/tools/css-box-shadow-builder): Generate CSS box-shadow values from parameters - [CSS Clip-Path Builder](https://devtools.surf/tools/css-clip-path-builder): Generate CSS clip-path polygon values - [Flexbox Playground](https://devtools.surf/tools/flexbox-playground): Generate CSS flexbox layouts from property combinations - [Cubic Bezier Editor](https://devtools.surf/tools/cubic-bezier-editor): Generate CSS cubic-bezier timing functions from control points - [Accessibility Auditor](https://devtools.surf/tools/a11y-auditor): Check HTML for common accessibility issues (ARIA, alt text, headings) - [Structured Data Tester](https://devtools.surf/tools/structured-data-tester): Validate JSON-LD schema.org structured data - [OpenGraph Image Debugger](https://devtools.surf/tools/og-image-debugger): Validate OpenGraph meta tags and preview how URLs appear when shared - [Sitemap Generator](https://devtools.surf/tools/sitemap-generator): Generate sitemap.xml from a list of URLs with priority and frequency - [Favicon Checker](https://devtools.surf/tools/favicon-checker): Validate favicon HTML tags and preview all icon sizes - [px ↔ rem Table](https://devtools.surf/tools/px-rem-table): Generate a pixel-to-rem scale table for a chosen base size - [URL Parser](https://devtools.surf/tools/url-parser): Break a URL into scheme, host, path, query, fragment - [Query String → JSON](https://devtools.surf/tools/query-string-to-json): Turn ?a=1&b=foo into a flat JSON object - [Cookie Parser](https://devtools.surf/tools/cookie-parser): Parse Cookie / Set-Cookie header into name=value + attribute list - [HTTP Header Inspector](https://devtools.surf/tools/http-header-inspector): Pretty-print raw HTTP headers with inline meanings ### Data / SQL - [CSV Viewer](https://devtools.surf/tools/csv-viewer): View CSV data in a sortable, filterable table - [CSV → SQL INSERT](https://devtools.surf/tools/csv-to-sql-insert): Generate SQL INSERT statements from CSV data - [SQL → CSV Fixture](https://devtools.surf/tools/sql-to-csv): Convert SQL INSERT statements to CSV format - [TSV ↔ CSV](https://devtools.surf/tools/tsv-csv-converter): Convert between tab-separated and comma-separated values - [CSV Schema Validator](https://devtools.surf/tools/csv-schema-validator): Validate CSV data against a column schema definition - [SQL → Prisma Schema](https://devtools.surf/tools/sql-to-prisma): Convert SQL CREATE TABLE statements to Prisma schema - [CSV Column Remapper](https://devtools.surf/tools/csv-column-remapper): Rename, reorder, or drop columns in CSV data - [CSV Validator with Schema](https://devtools.surf/tools/csv-validator-schema): Validate CSV data against column type definitions - [SQL Identifier Caser](https://devtools.surf/tools/sql-case-mapper): Convert SQL identifiers between snake, camel, and Pascal case - [Column Extract](https://devtools.surf/tools/column-extract): Pull the Nth whitespace-delimited column from each line ### AI / Modern Dev - [Token Counter](https://devtools.surf/tools/token-counter): Estimate token count for OpenAI and Anthropic models - [Prompt Template Renderer](https://devtools.surf/tools/prompt-template-renderer): Render prompt templates with variable substitution - [Markdown → Slack/Discord](https://devtools.surf/tools/markdown-to-slack): Convert Markdown to Slack mrkdwn or Discord formatting - [Embedding Distance Calculator](https://devtools.surf/tools/embedding-distance): Calculate cosine similarity between two text embedding vectors - [Markdown → Slack mrkdwn](https://devtools.surf/tools/slack-mrkdwn): Convert GitHub-flavor markdown to Slack's mrkdwn ### Fun / Niche - [Emoji / Unicode Lookup](https://devtools.surf/tools/emoji-unicode-lookup): Search emoji by name and show Unicode codepoints - [NATO Phonetic Alphabet](https://devtools.surf/tools/nato-phonetic): Convert text to NATO phonetic alphabet spelling - [Morse Code ↔ Text](https://devtools.surf/tools/morse-code): Convert text to Morse code and back - [Roman Numeral Converter](https://devtools.surf/tools/roman-numeral-converter): Convert between Roman numerals and decimal numbers - [Number → Words](https://devtools.surf/tools/number-to-words): Convert numbers to written English words - [Leet Speak ↔ Plain](https://devtools.surf/tools/leet-speak): Convert text to/from 1337 speak - [Slug Generator](https://devtools.surf/tools/slug-generator): Generate URL-friendly slugs from text - [Zero-Width Character Detector](https://devtools.surf/tools/zero-width-detector): Find and highlight invisible zero-width characters in text - [Smart Quotes Fixer](https://devtools.surf/tools/smart-quotes-fixer): Replace curly/smart quotes with straight quotes and vice versa - [Text Similarity Scorer](https://devtools.surf/tools/text-similarity-scorer): Calculate similarity between two text strings (Levenshtein, Jaccard) - [ISBN/IBAN/Luhn Validator](https://devtools.surf/tools/isbn-iban-validator): Validate ISBN, IBAN, and credit card numbers (Luhn check) - [ASCII Table Reference](https://devtools.surf/tools/ascii-table-reference): Browse the full ASCII table with decimal, hex, and character values - [Bionic Reading Converter](https://devtools.surf/tools/bionic-reading): Bold the first half of each word for faster reading - [Anagram Finder](https://devtools.surf/tools/anagram-finder): Check if two strings are anagrams and show letter frequency - [Braille ↔ Text](https://devtools.surf/tools/braille-converter): Convert text to Braille Unicode characters and back - [Color Blindness Simulator](https://devtools.surf/tools/color-blindness-simulator): Simulate how hex colors appear under different color blindness types - [User Input Fuzzer](https://devtools.surf/tools/user-input-fuzzer): Generate edge-case test inputs for form validation testing - [Palindrome Checker](https://devtools.surf/tools/palindrome-checker): Test if text reads the same forward & backward - [Haiku Counter](https://devtools.surf/tools/haiku-counter): Check a poem fits the 5-7-5 syllable pattern - [Emoji Counter](https://devtools.surf/tools/emoji-counter): Count and group emoji present in any text - [Zalgo Text](https://devtools.surf/tools/zalgo-generator): Corrupt normal text with diacritical fury for fun - [SpongeBob Case](https://devtools.surf/tools/spongebob-case): aLtErNaTiNg cAsE gEnErAtOr — memes only - [Dice Roller](https://devtools.surf/tools/dice-notation-roller): Roll standard RPG dice notation — 3d6+2, 2d20-1, mixed - [Age on Other Planets](https://devtools.surf/tools/age-in-planets): Convert your Earth age to Mercury, Venus, Mars, Jupiter … even Pluto - [Coin Flip Simulator](https://devtools.surf/tools/coin-flip-simulator): Flip a fair coin N times — tallies + raw sequence. Optional seed. - [Random List Picker](https://devtools.surf/tools/random-list-picker): Pick a winner from a list — shows the full shuffled order too - [Decision Wheel](https://devtools.surf/tools/decision-wheel): Spin a wheel of N options and get the top 5 picks in random order - [Fantasy Name Generator](https://devtools.surf/tools/fantasy-name-generator): Generate fantasy/elvish-style names for characters, towns, NPCs - [Compound Word Finder](https://devtools.surf/tools/compound-word-finder): Split compound words (rainbow → rain+bow, moonlight → moon+light) - [Word Scrambler](https://devtools.surf/tools/word-scrambler): Typoglycemia-style scramble: keep first+last letter, shuffle middle ### Developer Utilities - [Collection JSON → cURL](https://devtools.surf/tools/collection-to-curl): Convert Collection JSON v2.1 requests into cURL one-liners - [Git Diff → HTML](https://devtools.surf/tools/git-diff-to-html): Convert unified git diff output to syntax-highlighted HTML - [Regex Visualizer](https://devtools.surf/tools/regex-visualizer): Visualize regex patterns as a readable railroad diagram (text) - [Makefile Explainer](https://devtools.surf/tools/makefile-explainer): Parse a Makefile and explain each target and its dependencies - [Shell Script Linter](https://devtools.surf/tools/shell-script-linter): Check shell scripts for common issues and bad practices - [GitHub Actions Visualizer](https://devtools.surf/tools/github-actions-visualizer): Parse a GitHub Actions workflow and show job/step dependencies - [HAR File Viewer](https://devtools.surf/tools/har-file-viewer): Parse and summarize HTTP Archive (HAR) files - [API Response Mocker](https://devtools.surf/tools/api-response-mocker): Generate mock API JSON responses from a URL + method description - [GraphQL Query Builder](https://devtools.surf/tools/graphql-query-builder): Generate GraphQL queries from a schema definition - [OpenAPI → TypeScript](https://devtools.surf/tools/openapi-to-typescript): Generate TypeScript interfaces from an OpenAPI schema - [Diff Patch Applier](https://devtools.surf/tools/diff-patch-applier): Apply a unified diff patch to source text - [GraphQL Introspection → SDL](https://devtools.surf/tools/graphql-introspection-to-sdl): Convert GraphQL introspection JSON to SDL schema - [HTTP Request Replayer](https://devtools.surf/tools/http-request-replayer): Generate fetch/axios/curl code from raw HTTP request text - [cURL → fetch()](https://devtools.surf/tools/curl-to-fetch): Convert a curl command into a JS fetch() call - [Git Log Parser](https://devtools.surf/tools/git-log-parser): Parse git log output into structured JSON - [HTTP → cURL Builder](https://devtools.surf/tools/http-curl-builder): Build a curl command from method, URL, headers & body fields - [SemVer Bump](https://devtools.surf/tools/semver-bump): Compute next major / minor / patch / prerelease - [Apache/Nginx Log Parser](https://devtools.surf/tools/apache-log-parser): Parse combined log format lines into JSON (host, status, UA…) ### Game Dev - [Unity C# Class Generator](https://devtools.surf/tools/unity-class-generator): Generate Unity MonoBehaviour, ScriptableObject, or Editor scripts from a template - [Unity Prefab Inspector](https://devtools.surf/tools/unity-prefab-inspector): Parse and display Unity .prefab YAML structure in a readable format - [Sprite Sheet Calculator](https://devtools.surf/tools/sprite-sheet-calculator): Calculate frame dimensions, UV coords, and animation timing from sprite sheet parameters - [Game Math Calculator](https://devtools.surf/tools/game-math-calculator): Calculate vectors, distances, dot products, lerp, and common game math operations - [Game Color Palette Generator](https://devtools.surf/tools/color-palette-game): Generate game-ready color palettes with hex, RGB, and normalized float values - [Tilemap Data Generator](https://devtools.surf/tools/tilemap-generator): Generate 2D tilemap arrays for grid-based games from a visual text grid - [Damage Formula Calculator](https://devtools.surf/tools/damage-formula-calculator): Calculate RPG damage with attack, defense, crit, elemental modifiers - [Loot Table Generator](https://devtools.surf/tools/loot-table-generator): Generate weighted loot drop tables with probability calculations - [Shader Uniform Generator](https://devtools.surf/tools/shader-uniform-generator): Generate GLSL/HLSL uniform declarations from parameter descriptions - [Game Resolution Scaler](https://devtools.surf/tools/game-resolution-scaler): Calculate render resolutions, aspect ratios, and DPI for different platforms - [FPS ↔ Frame Time Converter](https://devtools.surf/tools/fps-ms-converter): Convert between FPS and milliseconds per frame with performance budgets - [Easing Function Generator](https://devtools.surf/tools/easing-function-generator): Generate easing functions in C#, GLSL, JS with visual curve preview - [Game Event System Generator](https://devtools.surf/tools/game-event-system-generator): Generate event bus / observer pattern boilerplate for Unity, Godot, or JS - [State Machine Generator](https://devtools.surf/tools/state-machine-generator): Generate finite state machine code from state/transition definitions - [Platformer Physics Calculator](https://devtools.surf/tools/platformer-physics-calculator): Calculate jump height, gravity, velocity for platformer feel - [Asset Bundle Size Estimator](https://devtools.surf/tools/asset-bundle-size-estimator): Estimate build sizes for textures, audio, meshes across platforms ### Animation / CSS - [CSS Keyframe Generator](https://devtools.surf/tools/css-keyframe-generator): Generate @keyframes animations from step definitions - [Loading Spinner Generator](https://devtools.surf/tools/loading-spinner-generator): Generate CSS-only loading spinners and progress indicators - [Skeleton Screen Generator](https://devtools.surf/tools/skeleton-screen-generator): Generate shimmer skeleton placeholder CSS for loading states - [Hover Effect Generator](https://devtools.surf/tools/hover-effect-generator): Generate CSS hover effects for buttons, cards, and links - [CSS Transition Playground](https://devtools.surf/tools/css-transition-playground): Build and preview CSS transitions with property, duration, and easing controls - [Text Animation Generator](https://devtools.surf/tools/text-animation-generator): Generate typewriter, fade-in, bounce, and other text animations - [Scroll Animation Generator](https://devtools.surf/tools/scroll-animation-generator): Generate CSS scroll-triggered animation code with IntersectionObserver - [Particle Effect Generator](https://devtools.surf/tools/particle-effect-generator): Generate CSS-only particle animations (confetti, snow, stars) - [Gradient Animation Generator](https://devtools.surf/tools/gradient-animation-generator): Generate animated gradient backgrounds with CSS - [Button Animation Generator](https://devtools.surf/tools/button-animation-generator): Generate animated button styles with ripple, glow, and morphing effects ### Calculators - [Basic Calculator](https://devtools.surf/tools/basic-calculator): Evaluate math expressions with +, -, *, /, parentheses, and functions - [Percentage Calculator](https://devtools.surf/tools/percentage-calculator): Calculate percentages, discounts, tips, and markup - [Unit Converter](https://devtools.surf/tools/unit-converter-calc): Convert length, weight, temperature, speed, and data units - [Loan / EMI Calculator](https://devtools.surf/tools/loan-calculator): Calculate monthly payments, total interest, and amortization - [Number Formatter](https://devtools.surf/tools/number-formatter): Any number → grouped, compact, scientific, hex, binary, percent - [Tip Calculator](https://devtools.surf/tools/tip-calculator): Quick tip + per-person split — US-style 15/18/20/22% presets - [BMI Calculator](https://devtools.surf/tools/bmi-calculator): Body mass index with WHO categories — metric or imperial - [Mortgage Calculator](https://devtools.surf/tools/mortgage-calculator): Monthly payment + total interest for any loan amount, rate, term - [Compound Interest Calculator](https://devtools.surf/tools/compound-interest-calculator): Future value with configurable compounding + monthly contributions - [Discount Calculator](https://devtools.surf/tools/discount-calculator): Final price after % off — plus total savings — for quick shopping math - [Sales Tax Calculator](https://devtools.surf/tools/sales-tax-calculator): Add any % sales tax to a subtotal — breakdown + grand total - [Gas Mileage Calculator](https://devtools.surf/tools/gas-mileage-calculator): MPG + L/100km + km/L — US or metric units in one calculator - [Bill Splitter](https://devtools.surf/tools/bill-splitter): Split a bill evenly with tip + optional per-person rounding kitty - [GPA Calculator](https://devtools.surf/tools/gpa-calculator): Compute unweighted 4.0 GPA from course | grade | credits lines - [Temperature Converter](https://devtools.surf/tools/temperature-converter): Convert C / F / K / Rankine all at once — paste any of them ### Audio - [Sample Audio Files](https://devtools.surf/tools/sample-audio): Download forest-ambience clips in WAV, MP3, Opus, FLAC, AAC, WebM - [Audio Converter](https://devtools.surf/tools/audio-converter): Convert between WAV, MP3, Opus, AAC and more — 100% in-browser - [Audio Merger](https://devtools.surf/tools/audio-merger): Join multiple clips back-to-back into one track - [Audio Editor](https://devtools.surf/tools/audio-editor): Trim, fade, amplify, change speed — all client-side ### Cheatsheets - [Git Cheatsheet](https://devtools.surf/tools/cheatsheet-git): Everyday Git commands — setup, commit, branch, remote, undo - [Docker Cheatsheet](https://devtools.surf/tools/cheatsheet-docker): Docker + Compose commands for images, containers, volumes, Dockerfile - [Regex Cheatsheet](https://devtools.surf/tools/cheatsheet-regex): Character classes, quantifiers, anchors, groups, flags - [Markdown Cheatsheet](https://devtools.surf/tools/cheatsheet-markdown): CommonMark + GitHub-flavored Markdown syntax at a glance - [Vim Cheatsheet](https://devtools.surf/tools/cheatsheet-vim): Modal editing essentials — modes, motions, edits, files - [Bash / Shell Cheatsheet](https://devtools.surf/tools/cheatsheet-bash): Navigation, text processing, pipes, processes, scripting basics - [SQL Cheatsheet](https://devtools.surf/tools/cheatsheet-sql): SELECT, JOIN, aggregates, window functions, upsert - [kubectl Cheatsheet](https://devtools.surf/tools/cheatsheet-kubectl): Inspect, logs, apply, scale, context switching for Kubernetes - [npm / yarn / pnpm Cheatsheet](https://devtools.surf/tools/cheatsheet-npm): Install, run, audit across all three package managers - [TypeScript Cheatsheet](https://devtools.surf/tools/cheatsheet-typescript): Types, generics, utility types, narrowing, tsconfig essentials - [CSS Flexbox Cheatsheet](https://devtools.surf/tools/cheatsheet-flexbox): Container + item props, common patterns (centered, sidebar, sticky footer) - [CSS Grid Cheatsheet](https://devtools.surf/tools/cheatsheet-grid): Template, placement, auto-fit, named areas, holy grail - [Tailwind CSS Cheatsheet](https://devtools.surf/tools/cheatsheet-tailwind): Layout, spacing, colors, variants, and pro tricks - [Python Cheatsheet](https://devtools.surf/tools/cheatsheet-python): Collections, comprehensions, dataclasses, useful stdlib modules - [JavaScript (ES2020+) Cheatsheet](https://devtools.surf/tools/cheatsheet-javascript): Destructuring, nullish, async, modern array methods, gotchas - [React Hooks Cheatsheet](https://devtools.surf/tools/cheatsheet-react-hooks): State, memo, effects, context, custom hooks, newer APIs - [Nginx Cheatsheet](https://devtools.surf/tools/cheatsheet-nginx): Reverse proxy, static + SPA fallback, HTTPS, ops commands - [SSH Cheatsheet](https://devtools.surf/tools/cheatsheet-ssh): Keys, connect, port forwarding, ~/.ssh/config, file transfer - [tmux Cheatsheet](https://devtools.surf/tools/cheatsheet-tmux): Sessions, windows, panes, copy mode for persistent terminals - [cURL Cheatsheet](https://devtools.surf/tools/cheatsheet-curl): HTTP from the CLI — methods, headers, auth, timing, retries - [Makefile Cheatsheet](https://devtools.surf/tools/cheatsheet-makefile): Rule basics, variables, pattern rules, and make invocations - [HTTP Headers Cheatsheet](https://devtools.surf/tools/cheatsheet-http-headers): Request + response headers and a caching decision tree - [LLM Prompting Cheatsheet](https://devtools.surf/tools/cheatsheet-llm-prompting): Techniques that actually help LLM output; anti-patterns to skip - [JWT Cheatsheet](https://devtools.surf/tools/cheatsheet-jwt): Structure, standard claims, algorithms, do/don't - [PostgreSQL Cheatsheet](https://devtools.surf/tools/cheatsheet-postgres): psql meta-commands, JSONB, indexing, EXPLAIN ### Info / Guides - [Docker Basics](https://devtools.surf/tools/info-docker-basics): What containers are, why they're useful, first run, common pitfalls - [SEO Basics for Developers](https://devtools.surf/tools/info-seo-basics): Technical SEO, on-page signals, structured data, what to skip - [REST API Basics](https://devtools.surf/tools/info-rest-api-basics): HTTP verbs, status codes, resource naming, common gotchas - [Next.js App Router Basics](https://devtools.surf/tools/info-nextjs-app-router-basics): File conventions, server vs client, data fetching, snags - [Connect Your Site to Google](https://devtools.surf/tools/info-google-setup): Search Console, GA4, Tag Manager, Ads — end-to-end setup order - [Git Basics (First Hour)](https://devtools.surf/tools/info-git-basics): Mental model, first workflow, daily loop, undo cookbook - [Kubernetes Basics](https://devtools.surf/tools/info-kubernetes-basics): Pods, deployments, services, YAML, when to reach for k8s - [GraphQL vs REST](https://devtools.surf/tools/info-graphql-vs-rest): When each wins, and the hidden costs of GraphQL at scale - [WebSockets Basics](https://devtools.surf/tools/info-websockets-basics): Lifecycle, browser API, when to use, production gotchas - [OAuth 2.0 Flows Explained](https://devtools.surf/tools/info-oauth2-flows): Auth code + PKCE, client credentials, device, token types, scopes - [TLS / HTTPS Basics](https://devtools.surf/tools/info-tls-https-basics): Handshake, certs, Let's Encrypt, hardening to A+ - [Core Web Vitals](https://devtools.surf/tools/info-core-web-vitals): LCP, INP, CLS — what they are, how to fix, how to measure - [CORS Explained](https://devtools.surf/tools/info-cors-explained): Same-origin rule, simple vs preflight, server headers, gotchas - [Cookies vs localStorage vs sessionStorage](https://devtools.surf/tools/info-cookies-storage): Lifetime, security, cross-tab, cookie attributes, anti-patterns - [Monorepos (Turbo / Nx / pnpm)](https://devtools.surf/tools/info-monorepos): When to monorepo, tool choice, pitfalls - [Redis Basics](https://devtools.surf/tools/info-redis-basics): Data types, caching pattern, operational commands, pitfalls - [PostgreSQL Basics](https://devtools.surf/tools/info-postgres-basics): Why Postgres, first queries, unique features, beginner mistakes - [CI/CD with GitHub Actions (Basics)](https://devtools.surf/tools/info-github-actions): Anatomy, minimal workflow, triggers, secrets, deploy gotchas - [Serverless vs Containers vs VMs](https://devtools.surf/tools/info-serverless-vs-containers): Where each wins; when serverless bites - [Microservices vs Monolith](https://devtools.surf/tools/info-microservices-vs-monolith): Default to monolith; when to split; the modular-monolith middle path - [DNS Basics](https://devtools.surf/tools/info-dns-basics): Record types, resolution, debugging, common snags - [Load Balancing Basics](https://devtools.surf/tools/info-load-balancing): L4 vs L7, algorithms, health checks, failure modes - [Caching Strategies](https://devtools.surf/tools/info-caching-strategies): Where to cache, patterns, invalidation, common bugs - [Observability: Logs, Metrics, Traces](https://devtools.surf/tools/info-observability): Three pillars, RED/USE metrics, OpenTelemetry, tooling - [SemVer & Dependency Hygiene](https://devtools.surf/tools/info-semver-dependencies): Version ranges, lockfile, update strategy, supply-chain hygiene ## Optional - [Sitemap](https://devtools.surf/sitemap.xml) - [Privacy policy](https://devtools.surf/privacy) - [Community feed](https://devtools.surf/feed) - [Themes](https://devtools.surf/themes) - [Pricing](https://devtools.surf/payments)