Tools Field Manual About

105 Free IT Tools/Code

Free Code & Developer Tools

Format, convert, test, and debug right in your browser — JSON, regex, CSS, SQL, and more. Every tool runs client-side: no signup, and your code never leaves your device.

39 free tools

{ }JSON Formatter

Validate, format, and minify JSON with syntax highlighting and error detection.

Test regular expressions in real-time with match highlighting, groups, and cheat sheet.

B64Encoder Suite

Encode and decode Base64, URL, HTML entities, JWT tokens, and Unicode.

Case converter, word counter, line sorter, duplicate remover, and more text utilities.

SQLSQL Formatter

Format, indent, and beautify SQL queries for PostgreSQL, MySQL, and SQLite.

Build cURL commands visually — verify the request before you let an agent run it. Headers, auth, body, copy-to-clipboard.

◐CSS Gradient

Design linear and radial CSS gradients with a visual editor and copy the CSS.

⏱Cron Builder

Build and decode cron expressions with a visual scheduler and plain-English preview — the same cron your agent scripts run on.

Generate .gitignore files for any language, framework, or IDE — the file your AI agent forgets to write until it commits your node_modules.

MDMarkdown Editor

Write Markdown with live preview, syntax highlighting, and export to HTML.

IDUUID Generator

Generate UUID v4 identifiers in bulk with uppercase and no-dash format options.

⏰Timestamp Converter

Convert between Unix timestamps, ISO 8601, and human-readable date formats.

Compare two texts side by side. See additions, deletions, and changes highlighted line by line.

CSVCSV ↔ JSON

Convert between CSV and JSON formats with custom delimiters and header options.

&;HTML Entity Encoder

Encode and decode HTML entities. Includes a common entities reference table.

IMGBase64 Image

Convert images to Base64 strings and decode Base64 back to viewable images.

0xNumber Base Converter

Convert between binary, octal, decimal, and hexadecimal number systems.

\nString Escape

Escape and unescape strings for JSON, HTML, URL, JavaScript, SQL, and CSV.

remCSS Unit Converter

Convert between px, rem, em, %, vw, vh, and other CSS units instantly.

📸Code Screenshot

Turn code into beautiful shareable screenshots. 8 themes, syntax highlighting, window chrome, PNG export.

TSJSON → TypeScript

Auto-generate TypeScript interfaces from JSON. Smart type inference, nested objects, array unions.

{}:JSON Schema Gen

Auto-generate JSON Schema from JSON data. Type inference, format detection, Draft-07/2020-12.

🔍Regex Visualizer

Understand regex visually. Step-by-step explanations, match highlighting, capture groups, pattern library.

APIAPI Mock Designer

Design mock API endpoints with auto-generated fake data. Export as OpenAPI spec or Postman collection.

▦Table Generator

Visual table editor with export to Markdown, HTML, CSV, and JSON. Import CSV, set alignment, header row.

⊞Flexbox Playground

Interactive flexbox layout tester. Container and item controls, live preview, layout presets, CSS output.

🔎JSON Path Finder

Paste JSON, click any value to see its dot-notation and bracket-notation path. Tree view with search.

</>HTML Playground

Live HTML/CSS/JS editor with instant preview. Mini CodePen in your browser. Starter templates included.

⊞CSS Grid Generator

Visual CSS Grid layout builder. Define columns, rows, areas, gap. Place items by clicking. CSS output.

gitGit Command Gen

Select what you want to do in Git and get the exact command with explanation — for when you need to undo what an agent just committed. Branch, merge, stash.

.envEnv File Manager

Create .env files with grouping and comments — keep the API keys your agents need out of your git history. Generate .env.example and TypeScript types.

01Text ↔ Binary

Convert text to binary, hex, octal, decimal, ASCII. Reverse conversion. Byte-by-byte breakdown.

Break down URLs into parts. Edit query params as key-value pairs. Encode/decode. Rebuild URLs.

Compare two JSON objects structurally. See added, removed, and changed keys with value diffs.

▤CSS Minifier

Minify or beautify CSS. Strip comments and whitespace. Before/after file size comparison.

Minify or beautify JavaScript. Strip comments and whitespace. File size comparison.

ΩCharacter Map

Searchable Unicode character browser. Arrows, math, emoji, currency, Greek. Click to copy.

🔗Webhook Builder

Build webhook payloads visually — the same shape your agent's tool calls and integrations send. Set URL, method, headers, body. Generate cURL or fetch() code.

TWCSS → Tailwind

Convert CSS to approximate Tailwind classes. Colors, spacing, fonts. Confidence level per match.

More categories

Agent Ops (10)Design (18)Sysadmin (9)Productivity (9)Marketing (8)Business (8)Browse all 105 tools