Fast Text Format Tools
The ultimate collection of lightning-fast utilities to format, convert, and streamline your workflow.
Favorites
Recently Used
Recently Added
Text & Compare
Case Converter & Text Utilities
Transform text case (camelCase, snake_case, PascalCase, Title Case), manipulate text, and clean formatting instantly.
Encoder / Decoder
Encode and decode various formats like URL, Base64, and HTML entities.
List Sorter & Deduplicator
Instantly sort text arrays alphabetically, numerically, or by length, and strip out duplicate lines.
Regex Replacer
Execute regular expressions, view live matches, and use cheat sheets.
Text Diff
Compare two text blocks side-by-side to highlight differences.
Text Statistics
Count words, characters, sentences, estimate reading time, and check keyword density.
Translator
Instantly translate text between dozens of languages.
Code & Formatting
Base64 to File Decoder
Decode Base64 strings or Data URIs back into downloadable files (images, PDFs, documents, audio) with instant live preview.
Code Beautifier & Minifier
Beautify, validate, and minify your JSON, JavaScript, CSS, and HTML code into clean, readable syntax.
Config Converter (TOML / INI / .env / JSON)
Convert configuration files seamlessly between TOML, INI, Java .properties, .env, YAML, and JSON formats with nested key flattening and unflattening.
CSS Formatter & Minifier
Format, beautify, validate, and minify CSS code with custom indentation.
CSS Visual Generators
Visually generate and export CSS code for Box Shadows, Gradients, Flexbox, and Grid layouts.
CSV to JSON/SQL
Convert CSV data to JSON arrays or SQL INSERT statements.
cURL to Fetch
Easily convert cURL commands into JavaScript Fetch API code.
Docker Run to Compose
Convert docker run CLI commands into clean, production-ready docker-compose.yml configuration files.
GraphQL Explorer & Formatter
Beautify, minify, validate, and inspect GraphQL queries, mutations, subscriptions, and SDL schemas with AST operation & variable analysis.
HTML & XML Formatter
Beautify, format, and minify HTML and XML code with customizable indentation and syntax cleanup.
HTML to JSX
Client-side tool to transform HTML tags/attributes into React-compatible JSX.
HTML to Tailwind CSS
Convert standard inline styles and CSS declarations into Tailwind CSS utility classes with live preview.
JS Obfuscator
Transform readable JavaScript code into unreadable, minified code to protect logic.
JSON Stringify & Parse (.env Ready)
One-click minify and stringify multi-line JSON objects into escaped strings ready for .env files, CLI args, or code literals, or parse escaped strings back into formatted JSON.
JSON to Code
Convert JSON objects into typed models for various languages.
JSON Tree Viewer
Visually inspect, expand, collapse, search, and filter complex JSON payloads with path inspection.
JSONPath & JQ Evaluator
Query, filter, extract, and transform JSON payloads in real-time using standard JSONPath (RFC 9535) or JQ-style expressions with table and visual path views.
Markdown Editor & Previewer
Write, edit, and preview Markdown in real-time with live HTML preview, syntax styling, and HTML export.
Semantic JSON Diff
Compare two JSON documents semantically, ignoring key ordering, formatting, and whitespace differences, with visual change highlighting and RFC 6902 JSON Patch export.
Source Map Viewer
Client-side tool to upload a .map file and de-minify stack traces.
SQL Formatter
Format, beautify, and minify SQL queries across multiple SQL dialects.
String Escape & Unescape
Safely escape (and unescape) quotes, backslashes, and newlines for use in JSON strings, SQL queries, HTML, and Java/C#.
SVG Optimizer
Minify and clean raw SVG code.
SVG to PNG/WEBP
Client-side tool utilizing an HTML canvas to rasterize SVG code or files into downloadable images.
XML Utilities
Format and minify XML strings.
YAML <-> JSON
Instantly convert between YAML and JSON.
Data & Crypto
Bcrypt Hash
Generate and verify Bcrypt passwords locally.
CSR & X.509 Certificate Decoder
Decode PEM/DER X.509 SSL certificates and PKCS#10 Certificate Signing Requests (CSRs) to inspect Subject, Issuer, SANs, public keys, validity, and SHA-256 fingerprints offline.
Epoch & Unix Timestamp Converter
Convert Unix epoch timestamps to human-readable dates and parse dates into epoch timestamps.
Hash Generator
Compute MD5, SHA-1, SHA-256, and SHA-512 cryptographic hashes.
HMAC Generator
Compute and verify cryptographic HMAC signatures using SHA-256, SHA-512, MD5, and secret keys.
JWT Debugger, Decoder & Signer
Decode, verify, debug, and sign JSON Web Tokens (JWT) with HMAC secret keys 100% locally.
RSA & AES Encryption Suite
Encrypt and decrypt text with AES-256-GCM/CBC, generate RSA-2048/4096 PEM keypairs, and perform RSA-OAEP encryption and digital signing locally via Web Crypto.
Generators & Utilities
ASCII Art Generator
Convert text into stylish ASCII art banners, figlet typography, and decorative monospace text.
Barcode Generator
Client-side tool using a canvas to generate linear barcodes (UPC, EAN, Code39) from text.
CHMOD Permissions Calculator
Calculate, convert, and inspect Linux file permissions with visual octal and symbolic modes.
Color Contrast
Check WCAG color contrast accessibility.
Color Converter & Picker
Pick colors and convert between HEX, RGB, HSL, HSV, and CMYK formats with live preview and palette tools.
Cron Expression Builder & Decoder
Build, edit, and decode cron schedules into human-readable descriptions with upcoming execution dates.
EXIF Data Viewer & Stripper
View, inspect, and strip EXIF, camera, and GPS location metadata from JPEG, PNG, and WebP images locally for complete privacy.
Favicon Generator
Convert standard images into universally compatible .ico files and generate standard web app icon sizes.
Image Base64
Convert image files into Base64 Data URI strings and CSS background-image properties.
Image Color Palette Extractor
Drop any image to extract its dominant HEX, RGB, and HSL color palette client-side, with interactive image eyedropper and one-click CSS variables, Tailwind, and JSON export.
Image Compressor
Compress and optimize JPEG, PNG, WEBP, and AVIF images locally in your browser.
Lorem Ipsum Generator
Generate customized dummy placeholder text by paragraphs, sentences, or words for mockups and designs.
Markdown Table Generator
A visual grid editor that allows users to easily add rows/columns and instantly outputs perfectly formatted Markdown table syntax.
Meta Tag & Open Graph Generator
Generate and visually preview SEO meta tags, Twitter Cards, and Facebook Open Graph tags.
Mock Data Generator
Generate hundreds of rows of fake test data (names, emails, addresses, dates, credit cards) and export it as CSV, JSON, or SQL INSERT statements for database testing.
Password Generator
Create strong, secure passwords and passphrases using customizable cryptographic algorithms.
PDF Toolkit
Merge, split, extract, rotate, and reorder PDF pages 100% locally in your browser.
QR Code Generator
Create scalable, customizable, and scannable QR codes from text or URLs with instant download.
Regex Tester & Builder
Test regular expressions with real-time match & capture group highlighting, syntax explanation breakdown, and multi-string test modes.
Robots.txt Generator
Build valid robots.txt rules, crawler directives, and block AI scrapers.
UUID / GUID Generator
Instantly generate universally unique identifiers (UUID/GUID v1, v4, v7) in bulk with custom formatting.
XML Sitemap Generator
Construct valid XML sitemaps with custom URLs, change frequencies, and priorities for search engines.
Finance & Units
Currency Converter
Calculate global exchange rates in real-time.
Unit Converter
Instantly convert length, weight, temperature, and data storage.
Networking
CORS Tester
Test, inspect, and debug Cross-Origin Resource Sharing (CORS) headers and preflight responses for any API or URL.
DNS Lookup
Check DNS records in real-time.
HTTP Headers Viewer
View HTTP request headers sent by your browser.
Internet Speed Test
Test your download and upload connection speed.
IP Lookup
Look up IP addresses and geolocation data.
MAC Vendor Lookup
Identify hardware vendors from MAC addresses.
RDAP Lookup
Lookup domain and IP registration data, registrar, nameservers, and DNSSEC status via RDAP.
Redirect & Link Trace
Unmask shortened URLs and trace full HTTP 301/302 redirect chains to their final destination.
SSL Certificate Inspector
Inspect live SSL/TLS certificates, issuer chains, expiration countdowns, SAN domains, and fingerprints for any domain.
Subnet Calculator
Calculate CIDR network masks and IP ranges.
URL Parser
Parse, inspect, edit, and build complete URLs and query parameters.
User-Agent Parser
Extract OS and browser info from User-Agent strings.
Webhook Tester
Send, test, and debug webhook deliveries with custom headers, HMAC signatures, and live response inspection.
WebSocket Client & Tester
Connect to WebSocket (ws:// and wss://) servers in real-time, send text or JSON messages, inspect live bidirectional frames, and measure latency.
CSS Visual Generators
Visually generate and export CSS code for Box Shadows, Gradients, Flexbox, and Grid layouts.
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.25);background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);Click any item in the preview to select and inspect its properties.
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 16px;
}How to Use
Select a generator mode (Box Shadow, Gradient, Flexbox, or Grid Layout). Customize parameters visually using sliders and controls to see real-time updates in the preview canvas, then copy or export the generated CSS code.
Frequently Asked Questions
How does CSS Box Shadow work and what does each parameter mean?
The CSS box-shadow property attaches one or more drop-shadows to an element frame. The parameters specify horizontal offset (X), vertical offset (Y), blur radius (how soft or diffuse the shadow edge appears), spread radius (how much the shadow expands or shrinks), shadow color (typically semi-transparent rgba), and an optional 'inset' keyword to render the shadow inside the container.
Why should you use multiple box-shadow layers for realistic UI shadows?
Real-world shadows consist of both ambient environmental light and direct directional light. Layering a tight, slightly darker shadow with an expansive, soft, low-opacity shadow creates natural elevation and depth without looking muddy or artificial.
What is the difference between Linear and Radial gradients in CSS?
Linear gradients transition colors along a straight directional axis defined by degrees or keywords (e.g., 135deg or 'to bottom right'). Radial gradients emerge outward from a single origin point in a circular or elliptical pattern, creating spotlight or spherical color transitions.
When should you use CSS Flexbox vs CSS Grid?
Flexbox is a one-dimensional layout system ideal for organizing items in a single row or column (such as navigation bars, button groups, and toolbar alignments). CSS Grid is a two-dimensional layout system designed for complex web page structures, multi-column dashboard layouts, and strict grid alignments.
What is the difference between justify-content and align-items in Flexbox?
justify-content controls the distribution of flex items along the main axis (horizontal when flex-direction is row; vertical when column). align-items controls item positioning along the cross axis (perpendicular to the main axis).
How does repeat(auto-fit, minmax(...)) create responsive grids without media queries?
The auto-fit keyword instructs the grid container to fit as many columns as possible based on the container's current width. The minmax(200px, 1fr) function ensures each column never shrinks below 200px, but expands proportionally to occupy remaining available space.
What is the gap property in modern CSS layouts?
The gap property defines consistent spacing between rows and columns in both Flexbox and Grid layouts. It replaces obsolete margin hacks and negative margins, and does not add spacing on the outer perimeter of the container.
Are the generated CSS styles compatible across all modern web browsers?
Yes. Modern CSS box-shadow, linear/radial gradients, Flexbox, and CSS Grid have universal support across Chrome, Firefox, Safari, Edge, iOS Safari, and Android browsers without requiring legacy vendor prefixes like -webkit- or -moz-.
How do flex-grow and flex-shrink determine item sizing?
flex-grow specifies how much of the container's remaining positive space an item should absorb relative to its siblings. flex-shrink determines the rate at which an item compresses when the container space is insufficient.
Can I use the exported CSS in React, Vue, Svelte, or Tailwind projects?
Yes. The exported CSS rules can be pasted directly into standard CSS files, CSS Modules, styled-components, or translated into arbitrary Tailwind utility classes (e.g. shadow-[...], bg-[linear-gradient(...)]).
No results found
Try adjusting your search terms.